@charset "utf-8";
@font-face{
    font-family: 'Noto';
    font-weight: 100;
    src: url(../font/NotoSansKR-Regular.eot);
    src: local(※), url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
        /*url(../font/NotoSansKR-Regular.woff2) format('woff2'),*/
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format("truetype");
}
@font-face{
    font-family: 'Noto';
    font-weight: 300;
    src: url(../font/NotoSansKR-Regular.eot);
    src: local(※), url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
        /*url(../font/NotoSansKR-Regular.woff2) format('woff2'),*/
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format("truetype");
}

@font-face{
    font-family: 'Noto';
    font-weight: 400;
    src: url(../font/NotoSansKR-Regular.eot);
    src: local(※), url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
        /*url(../font/NotoSansKR-Regular.woff2) format('woff2'),*/
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format("truetype");
}

@font-face{
    font-family: 'Noto';
    font-weight: 500;
    src: url(../font/NotoSansKR-Medium.eot);
    src: local(※), url(../font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
        /*url(../font/NotoSansKR-Medium.woff2) format('woff2'),*/
    url(../font/NotoSansKR-Medium.woff) format('woff'),
    url(../font/NotoSansKR-Medium.otf) format("truetype");
}

@font-face{
    font-family: 'Noto';
    font-weight: 700;
    src: url(../font/NotoSansKR-Bold.eot);
    src: local(※), url(../font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
        /*url(../font/NotoSansKR-Bold.woff2) format('woff2'),*/
    url(../font/NotoSansKR-Bold.woff) format('woff'),
    url(../font/NotoSansKR-Bold.otf) format("truetype");
}

@font-face{
    font-family: 'Noto';
    font-weight: 900;
    src: url(../font/NotoSansKR-Black.eot);
    src: local(※), url(../font/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
        /*url(../font/NotoSansKR-Black.woff2) format('woff2'),*/
    url(../font/NotoSansKR-Black.woff) format('woff'),
    url(../font/NotoSansKR-Black.otf) format("truetype");
}
*, *:before, *:after {margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
*:focus { outline:none; }
html {height:100%;}
body {height:100%;font-family:"Noto", "Dotum", "Arial", "self";font-size:14px;font-weight:400;line-height:1.2;color:#444;letter-spacing:-0.05em;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;}
address, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section {display:block\9; margin:0\9; padding:0\9;}
hr {display:none;}
caption {overflow:hidden;height:0px;font-size:0px;line-height:0px;}
h1, h2, h3, h4, h5, h6 {font-weight:700;}
img {border:none;vertical-align:middle;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; table-layout:fixed;border:0px;border-spacing:0px;border-collapse:collapse;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
th, td {border:0px; word-break:keep-all;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
fieldset {width:100%;border:0px;}
legend {position:absolute;left:-999em;top:-999em;}
frameset {border:0px;}
iframe {width:100%;border:0px;}
em, address,i {font-style:normal;}
/*button, a, input, label, textarea {vertical-align:middle;outline:none;}*/
select {vertical-align:middle;}
button {overflow:visible;border:0px;background-color:transparent;cursor:pointer;}
button::-moz-focus-inner {padding:0px;}
select, input, textarea {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
textarea {font-family: "Noto", "Dotum", "Arial", "self";font-size:16px;line-height:21px;font-weight:400;border:1px solid #cfcfcf;resize:none;padding:10px;}
strong {font-weight:700;}
a {text-decoration:none;color:#6b6b6b;}
/*a:link { text-decoration:none;color:#6b6b6b;}*/
/*a:visited { text-decoration:none;color:#6b6b6b;}*/
/*a:hover { text-decoration:underline;color:#6b6b6b;}*/
/*a:active { text-decoration:none; color:#6b6b6b;}*/
p {text-decoration:none;}

/* Skip Navigation */
.skip-navigation {display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0;}
.skip-navigation:hover,
.skip-navigation:active,
.skip-navigation:focus {width:100%;height:auto;margin:0;padding:5px 0;text-indent:10px;font-weight:bold;font-size:12px;color:#333;line-height:1;text-decoration:none !important;}

.center-wrap {width:1100px;margin:0 auto;position: relative;}
.clearfix:after {content:"";display: block;clear:both;}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.two-line-ellipsis {display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:41px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:initial;}
.fl-left {float:left;}
.fl-right {float:right;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.txt-center {text-align:center;}
.obj-top {vertical-align:top !important;}
.obj-middle {vertical-align:middle !important;}
.relative {position:relative;}
.blind {display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;border:0;background:0 0;font-size:0;line-height:0;}
.block {display:block;}
.inline-block {display:inline-block;}
.empty-data {padding:50px !important;text-align:center;}
.color-red {color:#dd012a !important;}
.color-blue {color:#5c0f8b !important;} /*190410_수연:#9229d2 -> #5c0f8b*/
.color-yellow {color:#ffda00!important;}/*190410_수연: color 추가*/
/* table-cell 김수연 추가 */
.table {display:table!important; table-layout:fixed;}
.table-cell {display:table-cell; vertical-align:middle;}


/* width */
.w100p {width:100% !important;}

/* margin */
.mgt-5 {margin-top:5px !important;}
.mgt-10 {margin-top:10px !important}
.mgt-15 {margin-top:15px !important;}
.mgt-20 {margin-top:20px !important;}
.mgt-25 {margin-top:25px !important;}
.mgt-30 {margin-top:30px !important;}
.mgt-35 {margin-top:35px !important;}
.mgt-40 {margin-top:40px !important;}
.mgt-45 {margin-top:45px !important;}
.mgt-50 {margin-top:50px !important;}
.mgt-55 {margin-top:55px !important;}
.mgt-60 {margin-top:60px !important;}
.mgt-65 {margin-top:65px !important;}
.mgt-70 {margin-top:70px !important;}
.mgt-75 {margin-top:75px !important;}
.mgt-80 {margin-top:80px !important;}
.mgl-0 {margin-left:0 !important;}
.mgl-5 {margin-left:5px !important;}
.mgl-10 {margin-left:10px !important;}
.mgl-15 {margin-left:15px !important;}
.mgl-20 {margin-left:20px !important;}
.mgl-25 {margin-left:25px !important;}
.mgl-30 {margin-left:30px !important;}
.mgb-5 {margin-bottom:5px !important;}
.mgb-10 {margin-bottom:10px !important;}
.mgb-15 {margin-bottom:15px !important;}
.mgb-20 {margin-bottom:20px !important;}
.mgb-25 {margin-bottom:25px !important;}
.mgb-30 {margin-bottom:30px !important;}
.mgb-35 {margin-bottom:35px !important;}
.mgb-40 {margin-bottom:40px !important;}
.mgr-10 {margin-right:10px !important;}
.mgr-20 {margin-right:20px !important;}
/* lineheight */
.lh-28 {line-height:28px !important;}

/* padding */
.pdt-10 {padding-top:10px !important;}
.pdt-20 {padding-top:20px !important;}
.pdt-50 {padding-top:50px !important;}
.pdl-0 {padding-left:0 !important;}
.pdl-5 {padding-left:5px !important;}
.pdl-10 {padding-left:10px !important;}
.pdl-15 {padding-left:15px !important;}
.pdl-20 {padding-left:20px !important;}
.pdl-25 {padding-left:25px !important;}
.pdl-30 {padding-left:30px !important;}
.pdl-40 {padding-left:40px !important;}
.pdr-20 {padding-right:20px !important;}
.pdr-25 {padding-right:25px !important;}
.pdb-20 {padding-bottom:20px !important;}
.pdb-30 {padding-bottom:30px !important;}
.pdb-35 {padding-bottom:35px !important;}
.pdb-40 {padding-bottom:40px !important;}
.pdb-50 {padding-bottom:50px !important;}

/* text */
[class*=-thin],[class^=txt-thin] {font-weight:100 !important;}
[class*=-light],[class^=txt-light] {font-weight:300 !important;}
[class*=-regular],[class^=txt-regular] {font-weight:400 !important;}
[class*=-medium],[class^=txt-medium] {font-weight:500 !important;}
[class*=-bold],[class^=txt-bold] {font-weight:700 !important;}
[class*=-black],[class^=txt-black] {font-weight:900 !important;}

/* heading */
[class^=heading] {color:#353535;}
[class^=heading][class*=-sm],
[class^=txt][class*=-sm] {font-size:14px;}
[class^=heading][class*=-sm-02],
[class^=txt][class*=-sm-02] {font-size:20px;}
[class^=heading][class*=-md],
[class^=txt][class*=-md] {font-size:25px;}
[class^=heading][class*=-lg],
[class^=txt][class*=-lg] {font-size:30px;}
[class^=heading][class*=-lg-01],
[class^=txt][class*=-lg-01] {font-size:35px;}
[class^=heading][class*=-lg-02],
[class^=txt][class*=-lg-02] {font-size:40px;}
[class^=heading][class*=-lg-03],
[class^=txt][class*=-lg-03] {font-size:45px;}
[class^=heading][class*=-lg-04],
[class^=txt][class*=-lg-04] {font-size:50px;}
[class^=heading][class*=-lg-05],
[class^=txt][class*=-lg-05] {font-size:55px;}
.font-14 {font-size:14px;}

/* icon */
[class^=ico-] {display:inline-block;background:url(../images/common/icon_sprite.png) no-repeat;vertical-align:middle;}
[class^=ico2-] {display:inline-block;background:url(../images/common/icon_sprite_02.png) no-repeat;vertical-align:middle;}
[class^=ico-][class*=block] {display:block;}
[class^=ico-][class*=all] {width:30px;height:30px;background-position:0 -409px;}
[class^=ico-][class*=down] {width: 19px; height: 18px; background-position:-151px -591px;}
[class^=ico-][class*=down-02] {width:18px;height:20px;background-position:-28px -681px;}
[class^=ico-][class*=btn-down] {width:15px;height:15px;margin:-3px 0 0 6px;background-position:0 0;}
[class^=ico-][class*=btn-right] {width:15px;height:15px;margin:-3px 0 0 6px;background-position: -258px -35px;}
[class^=ico-][class*=more-01] {width:16px;height:14px;background-position:0 -20px;margin:-3px 18px 0 0;}
[class^=ico-][class*=star-01] {width:18px;height:17px;background-position:-20px 0;margin:-3px 5px 0 0;}
[class^=ico-][class*=pencil-01] {width:12px;height:19px;background-position:-42px 0;margin:-3px 5px 0 0;}
[class^=ico-][class*=event-01] {width:17px;height:18px;background-position:-59px 0;margin:-4px 5px 0 0;}
[class^=ico-][class*=cross-01] {width:14px;height:14px;background-position:0 -42px;margin:-3px 0 0 5px;}
[class^=ico-][class*=basket] {width:49px;height:41px;background-position:0 -62px;}
[class^=ico-][class*=basket-02] {width:63px;height:50px;background-position:-148px -302px;}
[class^=ico-][class*=basket-03-off] {width:45px;height:45px;background-position:-355px 0;}
[class^=ico-][class*=basket-03-on] {width:45px;height:45px;background-position:-355px -47px;}
[class^=ico-][class*=basket-small] {width:24px;height:21px;background-position:-255px 0;}
[class^=ico-][class*=basket-black] {width:32px;height:28px;background-position:-123px -51px;}
[class^=ico-][class*=heart] {width:39px;height:34px;background-position:0 -106px;}
[class^=ico-][class*=magnifier] {width:38px;height:38px;background-position:0 -152px;}
[class^=ico-][class*=magnifier-02] {width:22px;height:22px;background-position:-205px -57px;}
[class^=ico-][class*=magnifier-03] {width:22px;height:22px;background-position:-116px -614px;}
[class^=ico-][class*=man-01] {width:38px;height:38px;background-position:0 -200px;}
[class^=ico-][class*=control-stop] {width:10px;height:14px;background-position:-25px -22px;}
[class^=ico-][class*=benefit-01] {width:60px;height:63px;background-position:-3px -254px;}
[class^=ico-][class*=benefit-02] {width:60px;height:63px;background-position:-3px -330px;}
[class^=ico-][class*=benefit-big-01] {width:83px;height:95px;background-position:-52px -504px;}
[class^=ico-][class*=benefit-big-02] {width:83px;height:95px;background-position:-52px -399px;}
[class^=ico-][class*=desktop] {width:22px;height:36px;background-position:0 -450px;}
[class^=ico-][class*=notebook] {width:42px;height:33px;background-position:0 -496px;}
[class^=ico-][class*=mouse] {width:22px;height:39px;background-position:0 -538px;}
[class^=ico-][class*=monitor] {width:38px;height:32px;background-position:0 -586px;}
[class^=ico-][class*=monitor-02] {width:214px;height:143px;background-position:-186px -357px;}
[class^=ico-][class*=printer] {width:34px;height:33px;background-position:0 -629px;}
[class^=ico-][class*=water-drop] {width:22px;height:33px;background-position:0 -669px;}
[class^=ico-][class*=usb] {width:22px;height:33px;background-position:0 -710px;}
[class^=ico-][class*=flag-best] {width:44px;height:51px;background-position:-80px 0;}
[class^=ico-][class*=flag-big] {width:78px;height:83px;background-position:-53px -96px;}
[class^=ico-][class*=phone] {width:41px;height:39px;background-position:-38px -21px;}
[class^=ico-][class*=txt-balloon] {width:20px;height:17px;background-position:-128px 0;}
[class^=ico-][class*=magnifier-small] {width:15px;height:14px;background-position:-151px 0;}
[class^=ico-][class*=magnifier-white] {width:18px;height:18px;background-position:-229px -57px;}
[class^=ico-][class*=new] {width: 54px;height: 20px;background-position: -202px -10px;}
[class^=ico-][class*=heart-small] {width:18px;height:16px;background-position:-283px 0;}
[class^=ico-][class*=heart-medium] {width:24px;height:20px;background-position:-139px -126px;}
[class^=ico-][class*=arr-pre] {width:7px;height:12px;background-position:-305px 0;}
[class^=ico-][class*=arr-pre-end] {width:13px;height:12px;background-position:-323px 0;}
[class^=ico-][class*=arr-pre-02] {width:8px;height:12px;background-position:-162px -250px;}
[class^=ico-][class*=arr-pre-end-02] {width:12px;height:12px;background-position:-148px -250px;}
[class^=ico-][class*=arr-pre-cir] {width:69px;height:69px;background-position:-70px -245px;}
[class^=ico-][class*=arr-next] {width:6px;height:12px;background-position:-314px 0;}
[class^=ico-][class*=arr-next-end] {width:13px;height:12px;background-position:-339px 0;}
[class^=ico-][class*=arr-next-02] {width:8px;height:12px;background-position:-172px -250px;}
[class^=ico-][class*=arr-next-end-02] {width:12px;height:12px;background-position:-181px -250px;}
[class^=ico-][class*=arr-next-cir] {width:69px;height:69px;background-position:-70px -315px;}
[class^=ico-][class*=arr-left] {width:14px;height:24px;background-position:-72px -65px;}
[class^=ico-][class*=arr-left-black] {width:9px;height:16px;background-position:-195px -127px;}
[class^=ico-][class*=arr-left-small] {width:9px;height:15px;background-position:-104px -55px;}
[class^=ico-][class*=arr-right] {width:14px;height:24px;background-position:-56px -65px;}
[class^=ico-][class*=arr-right-black] {width:9px;height:16px;background-position:-211px -127px;}
[class^=ico-][class*=arr-right-small] {width:9px;height:15px;background-position:-93px -55px;}
[class^=ico-][class*=arr-right-small-02] {width:6px;height:10px;background-position:-169px -205px;}
[class^=ico-][class*=arr-right-small-03] {width:6px;height:10px;background-position:-178px -205px;}
[class^=ico-][class*=arr-right-thin] {width:7px;height:12px;background-position:-113px -191px;}
[class^=ico-][class*=arr-right-02] {width:6px;height:8px;background-position:-205px -33px;}
[class^=ico-][class*=arr-right-02-on] {width:6px;height:8px;background-position:-205px -43px;}
[class^=ico-][class*=arr-right-white] {width:7px;height:12px;background-position:-186px -204px;}
[class^=ico-][class*=arr-up] {width:16px;height:9px;background-position:-128px -185px;}
[class^=ico-][class*=arr-up-gray]{width: 16px; height: 9px; background-position: -29px -707px;}
[class^=ico-][class*=arr-up-white-sm] {width:16px;height:9px;background-position:-115px -173px;}/* 수연 : 추가 */
[class^=ico-][class*=arr-down] {width:16px;height:9px;background-position:-128px -196px;}
[class^=ico-][class*=arr-down-gray]{width: 16px; height: 9px; background-position: -29px -719px;}
[class^=ico-][class*=arr-down-white] {width:12px;height:7px;background-position:-113px -210px;}
[class^=ico-][class*=arr-down-white-sm] {width:16px;height:9px;background-position:-115px -182px;}/* 수연 : 추가 */
[class^=ico-][class*=arr-down-02] {width:8px;height:6px;background-position:-153px -205px;}
[class^=ico-][class*=arr-down-03] {width:18px;height:10px;background-position:-28px -719px;}
[class^=ico-][class*=arr-down-sm] {width:10px;height:5px;background-position:-80px -51px;}/* 수연 : 추가 */
[class^=ico-][class*=home-small] {width:18px;height:16px;background-position:-19px -43px;}
[class^=ico-][class*=minus-small] {width:10px;height:2px;background-position:-129px -22px;}
[class^=ico-][class*=plus-small] {width:10px;height:10px;background-position:-129px -30px;}
[class^=ico-][class*=heart-black] {width:27px;height:24px;background-position:-146px -20px;}
[class^=ico-][class*=coupon] {width:20px;height:12px;background-position:-178px -21px;}
[class^=ico-][class*=card] {width:18px;height:12px;background-position:-95px -79px;}
[class^=ico-][class*=card-01-off] {width:45px;height:45px;background-position:-355px -94px;}
[class^=ico-][class*=card-01-on] {width:45px;height:45px;background-position:-355px -141px;}
[class^=ico-][class*=star] {width:17px;height:17px;background-position:-168px 0;}
[class^=ico-][class*=star-on] {width:17px;height:17px;background-position:-187px 0;}
[class^=ico-][class*=star-m] {width:25px;height:24px;background-position:-53px -180px;}
[class^=ico-][class*=star-m-on] {width:26px;height:24px;background-position:-54px -209px;}
[class^=ico-][class*=pencil] {width:37px;height:22px;background-position:-158px -46px;}
[class^=ico-][class*=rock-small] {width:11px;height:16px;background-position:-138px -85px;}
[class^=ico-][class*=text-a] {width:15px;height:16px;background-position:-157px -77px;}
[class^=ico-][class*=house] {width:20px;height:15px;background-position:-86px -190px;}
[class^=ico-][class*=speaker] {width:20px;height:16px;background-position:-86px -211px;}
[class^=ico-][class*=bubble] {width:18px;height:13px;background-position:-139px -107px;}
[class^=ico-][class*=sns] {width:21px;height:22px;background-position:-141px -151px;}
[class^=ico-][class*=dotted-v] {width:1px;height:31px;background-position:-180px -79px;}
[class^=ico-][class*=del] {width:9px;height:9px;background-position:-153px -189px;}
[class^=ico-][class*=del-02] {width:14px;height:14px;background-position:-90px -731px;}
[class^=ico-][class*=loading] {width:14px;height:17px;background-position:-131px -209px;}
[class^=ico-][class*=loading][class*=-sm] {width:12px;height:14px;background-position:-132px -231px;}
[class^=ico-][class*=btn-up] {width:55px;height:55px;background-position:-51px -607px;}
[class^=ico-][class*=btn-prev] {width:30px;height:30px;background-position:-51px -670px;}
[class^=ico-][class*=btn-prev-02] {width:30px;height:50px;background-position:-218px -301px;}
[class^=ico-][class*=btn-next] {width:30px;height:30px;background-position:-51px -708px;}
[class^=ico-][class*=btn-next-02] {width:30px;height:50px;background-position:-249px -301px;}
[class^=ico-][class*=sort-row] {width:11px;height:11px;background-position:-87px -670px;}
[class^=ico-][class*=sort-columns] {width:11px;height:11px;background-position:-87px -683px;}
[class^=ico-][class*=cal-01] {width:22px;height:24px;background-position:-87px -701px;}
[class^=ico-][class*=buy] {width:154px;height:109px;background-position:-206px -641px;}
[class^=ico-][class*=sell] {width:160px;height:109px;background-position:-200px -521px;}
[class^=ico-][class*=check-01-off] {width:45px;height:45px;background-position:-355px -188px;}
[class^=ico-][class*=check-01-on] {width:45px;height:45px;background-position:-355px -235px;}
[class^=ico-][class*=check-02] {width: 15px;height: 11px;background-position: -177px -670px;}
[class^=ico-][class*=check-white] {width: 16px;height: 11px;background-position: -130px -595px;}
[class^=ico-][class*=question] {width:15px;height:16px;background-position:-29px -734px;}
[class^=ico-][class*=kakao] {width:42px;height:38px;background-position:-145px -712px;}
[class^=ico-][class*=cir-check] {width:22px;height:22px;background-position:-145px -686px;}
[class^=ico-][class*=cir-check-purple] {width:22px;height:22px;background-position: -174px -686px;}
[class^=ico-][class*=wing] {width:20px;height:17px;background-position:-285px -334px;}
[class^=ico-][class*=notice] {width:24px;height:20px;background-position: -222px -94px;}/* 수연 : 공지 아이콘 추가*/
/*수연 : 내 쿠폰함 아이콘 추가*/
[class^=ico-][class*=mydownload]{width:26px; height:17px; background-position:-218px -33px;}
/* 수연 : 회원등급 아이콘 추가 */
[class^=ico2-][class*=grade-seesaw] {width:80px; height:80px; background-position:-5px -113px;}
[class^=ico2-][class*=grade-seesawgold] {width:80px; height:80px; background-position:-230px -3px;}
[class^=ico2-][class*=grade-seesawvip] {width:80px; height:80px; background-position:-316px -3px;}
[class^=ico2-][class*=grade-dealer]{width:80px; height:80px; background-position:-94px -113px;}
[class^=ico2-][class*=grade-dealervip]{width:80px; height:80px; background-position:-230px -89px;}
[class^=ico2-][class*=grade-md]{width:24px; height:24px;}
[class^=ico2-][class*=grade-sm]{width:20px; height:20px;}
[class^=ico2-][class*=login]{width:28px; height:28px; background-position:-3px -275px;}
[class^=ico2-][class*=basket]{width:28px; height:26px; background-position:-38px -276px; margin-left:-3px;}
[class^=ico2-][class*=myOrder]{width:32px; height:24px; background-position:-77px -280px;}
[class^=ico2-][class*=heart-small] {width:17px;height:15px;background-position:-177px -150px;}
[class^=ico2-][class*=cs-tell]{width:75px; height:86px; background-position:0 -316px;}
[class^=ico2-][class*=cs-magnifier]{width:23px; height:22px; background-position:-76px -317px;}
[class^=ico2-][class*=grade-icon]{width:32px; height:19px; background-position:-101px -314px;}
[class^=ico2-][class*=wishlist]{width:20px; height:17px; background-position:-136px -315px;}
[class^=ico2-][class*=coupon-02]{width:26px; height:16px; background-position:-160px -315px;}
[class^=ico2-][class*=credit]{width:20px; height:20px; background-position:-189px -313px;}
[class^=ico2-][class*=arr-left] {width:14px;height:24px;background-position:-80px -345px;}
[class^=ico2-][class*=arr-right] {width:14px;height:24px;background-position:-97px -345px;}
[class^=ico2-][class*=cpn-down] {width:15px; height:15px; background-position:-140px -362px;}
[class^=ico2-][class*=btn-prev] {width:25px; height:25px; background-position:-75px -379px;}
[class^=ico2-][class*=btn-next] {width:25px; height:25px; background-position:-103px -379px;}
[class^=ico2-][class*=btn-stop] {width:25px; height:25px; background-position:-131px -379px;}
[class^=ico2-][class*=btn-play] {width:25px; height:25px; background-position:-160px -379px;}
[class^=ico2-][class*=more-white] {width:16px;height:14px;background-position:-200px -134px; margin:-3px 18px 0 0;}
[class^=ico2-][class*=arr-pre-cir] {width:40px; height:40px; background-position:-143px -420px;}
[class^=ico2-][class*=arr-next-cir] {width:40px; height:40px; background-position:-186px -420px;}
/* 현철 : new open */
[class^=new-open-icon]{width:20px; height:20px;display:inline-block;background:url(../../common/images/common/new-open.png) no-repeat;vertical-align:middle;}
[class^=new-open-icon-sm]{width: 14px;height: 14px; display:inline-block;background:url(../../common/images/common/new-open-sm.png) no-repeat;vertical-align:middle;}

/* sns icon */
*[class^=sns-icon] {display:inline-block;background:url(../../common/images/common/sns_icon_sprite.png) no-repeat;vertical-align:top;}
*[class^=sns-icon][class$=twitter] {width:26px;height:26px;background-position:-31px 0;}
*[class^=sns-icon][class$=instagram] {width:26px;height:26px;background-position:-62px 0;}
*[class^=sns-icon][class$=kakao] {width:26px;height:26px;background-position:-93px 0;}
*[class^=sns-icon][class$=facebook] {width:40px;height:40px;background-position:0 0;}
*[class^=sns-icon][class$=kakaoTalk] {width:40px;height:40px;background-position:-43px 0;}
*[class^=sns-icon][class$=url] {width:40px;height:40px;background-position:-86px 0;}

/* default btns */
[class^=btns-] {display:inline-block;text-align:center;padding:5px;font-family:"Noto", "Dotum", "Arial", "self";font-weight:300;text-decoration:none !important;}
[class^=btns-][class*=box] {border:1px solid #ddd;background:#f8f8f8;}
[class^=btns-][class*=box][class*=medium] {width:170px;padding:13px 0;font-size:16px;color:#333;}
[class^=btns-][class*=box][class*=small] {width:149px;padding:10px 0;font-size:16px;color:#333;}
[class^=btns-][class*=box][class*=more-small] {width:149px;padding:2px 0;font-size:14px;color:#333;}
[class^=btns-][class*=box][class*=purple-big] {width:307px;padding:9px 0;font-size:16px;color:#fff;border-color:#795eb6;background-color:#9372dd;}

/* ui common btn */
[class^=ui-btn-] + [class^=ui-btn-] {margin-left:10px;}
[class^=ui-btn-]{display:inline-block;padding:0 10px;vertical-align:middle;text-align:center;font-family:"Noto", "Dotum", "Arial", "self";font-weight:500;text-decoration:none !important;}
[class^=ui-btn-]:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
/* btn : size */
[class^=ui-btn-][class*=-lg]{font-size:22px;width:270px;height:60px;line-height:58px;padding:0;font-weight:500 !important;}
[class^=ui-btn-][class*=-md]{font-size:16px;width:165px;height:40px;line-height:38px;padding:0;font-weight:400 !important;}
[class^=ui-btn-][class*=-sm]{font-size:12px;height:20px;font-weight:500 !important;}
[class^=ui-btn-][class*=-sm-02]{font-size:14px;height: 28px;line-height: 26px;padding: 0 15px;}
[class^=ui-btn-][class*=pop][class*=-sm] {width:100px !important;height:42px !important;padding:0 !important;font-weight:500 !important;}
[class^=ui-btn-][class*=pop][class*=-sm] + [class^=ui-btn-][class*=pop][class*=-sm] {margin-left:7px;}

/* btn : style */
[class^=ui-btn-primary] {color:#fff !important;background:#9229d2;}
[class^=ui-btn-secondary] {color:#fff !important;background:#999;}
[class^=ui-btn-form] {color:#fff !important;background:#666;}
[class^=ui-btn-bordered] {background:#fff;border:1px solid #333;color:#333;}
[class^=ui-btn-blue] {color:#fff !important;background: #5c0f8b;}
[class^=ui-btn-black] {color:#fff !important;background:#3e3e3e;}
[class^=ui-btn-gray] {color:#555 !important;background:#f1f1f1;border:1px solid #cfcfcf;}
[class^=ui-btn-yellow] {color:#473200 !important;background:#f9df33;border:1px solid #e6ce2d;}
[class^=ui-btn-red] {color:#fff !important;background:#dd012a;border:1px solid #dd012a;}
[class^=ui-btn-line-purple] {color:#5c0f8b !important;background:#fff;border:1px solid #5c0f8b;}

/* btn : disabled */
[class^=ui-btn-]:disabled,
[class^=ui-btn-]:disabled:hover,
[class^=ui-btn-].disabled,
[class^=ui-btn-].disabled:hover {color:#fff;background-color:#d9d9d9;border-color:#d9d9d9; cursor:auto;}

/* input */
[class^=ui-ipt] {display:inline-block;vertical-align:top;height:34px;border:1px solid #d4d4d4;padding:0 10px;font-family: "Noto", "Dotum", "Arial", "self";}
[class^=ui-ipt]:focus {border-color:#9229d2;}
::-webkit-input-placeholder { /* 크롬 4–56 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #999;font-weight:400;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #999;
    font-weight:400;
    opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #999;
    font-weight:400;
    opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
    font-family: "Noto", "Dotum", "Arial", "self";
    color:  #999;
    font-weight:400;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #999;
    font-weight:400;
    opacity:  1;
}

/* checkbox */
[class^=ui-chk] {position:relative;}
[class^=ui-chk] input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
[class^=ui-chk] input[type="checkbox"] + label:before {content:' ';display:inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #f8f8f8;
    border: 1px solid #cacece;
}
[class^=ui-chk] input[type="checkbox"] + label:active:before,
[class^=ui-chk] input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
[class^=ui-chk] input[type="checkbox"]:checked + label:before {
    content: '\2714';
    color: #99a1a7;
    text-shadow: 1px 1px #fff;
    background: #e9ecee;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}
[class^=ui-chk][class*=ani] input[type="checkbox"] + label {padding-left:28px;}
[class^=ui-chk][class*=ani] input[type="checkbox"] + label:before {position:absolute;left:0;top:0;
    margin-top: 0;
    opacity: 1;
    box-shadow: none;
    border-color: #d4d4d4;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}
[class^=ui-chk][class*=ani] input[type="checkbox"]:checked + label:before {
    position:absolute;
    content:"";
    width:10px;
    top:-5px;
    left:5px;
    border-radius:0;
    opacity:1;
    background:transparent;
    border-color:transparent #6cc0e5 #6cc0e5 transparent;
    border-top-color:transparent;
    border-left-color:transparent;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
[class^=ui-chk][class*=blue] label:before {display:none !important;}
[class^=ui-chk][class*=blue] label:after {
    content:'';
    cursor:pointer;
    display:inline-block;
    width:24px;
    height:24px;
    vertical-align:middle;
    margin-left:10px;
    background:url(../../common/images/common/icon_sprite.png) no-repeat -116px -700px;
}
[class^=ui-chk][class*=blue] label .text {position:relative;top:-1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    [class^=ui-chk][class*=blue] label .text {position:relative;top:2px;}
}

[class^=ui-chk][class*=blue] input[type="checkbox"]:checked + label:after {
    background-position:-116px -726px;
}
[class^=ui-chk][class*=purple] input[type="checkbox"] + label{cursor:pointer}
[class^=ui-chk][class*=purple] input[type="checkbox"] + label:before{width:24px; height:24px; border:none; background:url(../images/common/icon_sprite.png) -116px -700px no-repeat;}
[class^=ui-chk][class*=purple] input[type="checkbox"]:checked + label:before{content:''; background:url(../images/common/icon_sprite.png) -116px -726px no-repeat;}
[class^=ui-chk][class*=left] {padding-left:35px;}
[class^=ui-chk][class*=left] label:after {position:absolute;top:0;left:0;margin:0 !important;}
[class^=ui-chk][class*=left] label>span,
[class^=ui-chk][class*=left] label>strong {position:relative;top:2px;}
[class^=ui-chk][class*=right] {padding-right:35px;}
[class^=ui-chk][class*=right] label:before {position:absolute;top:0;right:0;margin:0 !important;}
[class^=ui-chk][class*=right] label>span,
[class^=ui-chk][class*=right] label>strong {position:relative;top:2px;}
[class^=ui-chk][class*=only] {width:auto;margin:0;}
[class^=ui-chk][class*=purple][class*=only] input[type="checkbox"] + label:before {margin-right:0;}
[class^=ui-chk][class*=sm] input[type="checkbox"] + label:before{width:18px; height:18px; border:none; background:url(../images/common/icon_sprite_02.png) -113px -339px no-repeat; margin:0 8px 0 0;}
[class^=ui-chk][class*=sm] input[type="checkbox"]:checked + label:before{background:url(../images/common/icon_sprite_02.png) -113px -359px no-repeat;}
/* 20200423 추가 */
[class^=ui-chk][class*=gray] input[type="checkbox"] + label:before{width:24px; height:24px; border:none; background:url(../images/common/icon_sprite.png) -116px -700px no-repeat;}
[class^=ui-chk][class*=gray] input[type="checkbox"]:checked + label:before{content:'';background: url(../images/common/icon_sprite.png) -149px -613px no-repeat;}
[class^=ui-chk][class*=gray][class*=only] input[type="checkbox"] + label:before {margin-right:0;}

/* radio */
[class^=ui-radio] {position:relative;}
[class^=ui-radio]  input[type="radio"]+ label{cursor:pointer}
[class^=ui-radio] input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
[class^=ui-radio] input[type="radio"] + label:before {content:' ';display:inline-block;width:28px;height:28px;line-height:28px;margin:-4px 8px 0 0;text-align:center;vertical-align:middle;background:url(../images/common/icon_sprite.png) -116px -669px  no-repeat;}
[class^=ui-radio] input[type="radio"]:checked + label:before {content: ' ';background:url(../images/common/icon_sprite.png) -116px -641px no-repeat;}


[class^=ui-radio][class*=sm] input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
[class^=ui-radio][class*=sm] input[type="radio"] + label:before {content:' ';display:inline-block;width: 18px;height: 18px;line-height: 18px;margin: -3px 10px 0 0;text-align:center;vertical-align:middle;background: url(../images/common/icon_sprite.png) -168px -648px  no-repeat;}
[class^=ui-radio][class*=sm] input[type="radio"]:checked + label:before {content: ' ';background: url(../images/common/icon_sprite.png) -147px -648px no-repeat;}



/* file */
.ui-file .ipt-name {display:inline-block;width:190px;height:30px;padding-left:10px;line-height:30px;background-color:#fff;vertical-align:middle;}
.ui-file .btn-file {display:inline-block;width: 165px;height:40px;line-height:37px;text-align:center;vertical-align:middle;cursor:pointer;font-weight: 400;padding:0;font-size: 16px;margin-left:7px;}
.ui-file input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ui-file .btn-upload {display:none}

/* list */
.list li,
.list li strong {font-weight:300;font-size:15px;color:#666;}
.list li.inner {padding-left:25px;}
.list li.inner ul {padding-top:10px;}

/* bullet */
[class^=ui-bullet] {display:inline-block;width:2px;height:2px;background:#747474;vertical-align:5px;margin-right:3px;}
[class^=ui-bullet][class*=cir] {border-radius:100%;}
[class^=ui-bullet][class*=type2] {background:#e24257;}
[class^=ui-bullet][class*=type3] {width:3px;height:3px;background-color:#8087bd;}
[class^=ui-bullet][class*=type4] {width:7px;height:1px;background-color:#222;}

/* popup */
*[class^=pop-wrap] {display:none;overflow:hidden;width:458px;background:#fff;border:1px solid #494949;padding:19px 19px;}
.pop-header {position:relative;color:#000;}
.pop-header h2 {position:relative;border-bottom:1px solid #222;padding-bottom:10px;}
.pop-header h2 .sub {font-size:15px;vertical-align:bottom;font-weight:400;margin-left:10px;}
.pop-header .btn-close {position:absolute;right:0;top:2px;}
.pop-body .pop-cont {padding:0;}
.pop-body .pop-cont .pop-msg {line-height:22px;padding:30px;font-size:16px;color:#222;}
.pop-body .pop-cont .pop-msg.type2 {padding:30px 0;}
.pop-body .pop-cont .pop-msg p {font-size:16px;color:#222;}
.pop-body .pop-cont .pop-msg p .color {font-weight:bold;color:#9229d2;}
.pop-body .pop-cont .pop-msg p.no-data {color:#999;padding:100px 0;}
.pop-body .pop-btn-wrap [class^=btn-footer] {display:inline-block;min-width:100px;min-height:42px;text-align:center;padding:0;font-size:16px;color:#fff;}
.pop-body .pop-btn-wrap [class^=btn-footer][class*=close] {background:#3e3e3e;}
.pop-body .pop-btn-wrap [class^=btn-footer][class*=cancel] {background:#3e3e3e;}
.pop-body .pop-btn-wrap [class^=btn-footer] + [class^=btn-footer] {margin-left:7px;}
.pop-body .pop-btn-wrap [class^=ui-btn] {width:152px;height:40px;line-height:38px;font-size:16px;color:#fff;}
.pop-body .pop-btn-wrap .ui-btn-bordered-lg {border-color:#5c0f8b;color:#5c0f8b;}
.pop-body .pop-btn-wrap > * {text-decoration:none;}
.pop-wrap.p-code {width:568px;}
.pop-wrap.p-code .pop-cont {padding-top:20px;}
.pop-wrap.p-code .ui-ipt {width:458px;height:38px;}
.pop-wrap.p-code .ui-ipt + .btns-box-small {width:60px;height:38px;padding:0;margin-left:7px;}
.pop-wrap.p-code .guide {margin-top:3px;}
.pop-wrap.p-code .pop-msg {padding:0;}
.pop-wrap.p-code .result {padding-top:20px;}
.pop-wrap.p-code .tbl_type {margin-top:5px;}
.pop-wrap.p-code .tbl_type .subj {text-align:center;}
.pop-wrap.p-code .tbl_type .subj:nth-of-type(2) {text-align:left;padding-left:10px;}
.pop-wrap.p-code .tbl_type .subj a {line-height:15px;}
.pop-wrap.p-code .tbl_type .subj > div {font-size:12px;line-height:15px;}
.pop-wrap.p-code .tbl_type .subj a > div > span {display:block;font-size:12px;margin-top:5px;}
.pop-wrap.p-code .tbl_type .subj a strong {font-weight:500;font-size:16px;}
.pop-wrap.p-code .tbl_type .subj:nth-of-type(4) > div {font-size:16px;}
.pop-wrap.p-code .paginate {margin:20px 0;}
.pop-wrap.p-code .text-guide {font-size:12px;}
.pop-wrap.p-code .text-guide strong {color:#9229d2;}
.pop-wrap [class^=ui-btn-][class*=-sm]{font-size:16px;width:100px; height:42px; line-height:40px;font-weight:400;}
.pop-wrap [class^=ui-btn-][class*=sm-02]{width: auto; height: 28px; line-height: 26px;font-weight: 500;font-size: 14px;}
/* 190201 메인팝업추가 */
/* #pop-main{display:none;position:relative;width:auto;height:auto;}
#pop-main .img{width:500px;height:500px;}
#pop-main .b-close{position:absolute;top:0;right:0;width:50px;height:50px;} */
/* 김수연 추가 2019-07-30 */
/*#pop-main{display: block;position: absolute;z-index: 9;top: 280px;left: 0;right: 0;}
#pop-main .img{width:500px;height:500px;margin: auto;position: relative;}
#pop-main .img .b-close{position:absolute;top:0;left: 450px;width:50px;height:50px;}*/
/* 김수연 추가 2019-09-06 */
/* #pop-main{display: block;left: 0px;right:0;position: absolute;z-index: 9999;opacity: 1;top: 175px;}
#pop-main .img{width:500px;height: 530px;margin: auto;position: relative;box-shadow: 6px 6px 10px -6px #000;border-radius: 15px;}
#pop-main .img .today-close{left: 500px; width:160px;height:30px;color:white;font-size:16px;font-weight:500;}
#pop-main .img .today-close span {display:inline-block;height:20px;width:20px;border: 2px solid white;text-align:center;line-height: 16px;font-size:14px;border-radius:50px;margin:0 5px;}
#pop-main .img .b-close{position:absolute;top:30px;left: 450px;width:50px;height:50px;}
#pop-main .img .more_notice{position:absolute;top: 465px;left: 170px;width:160px;height:60px;}
#pop-main .img .more_notice a {width:160px;height:60px;display: inline-block;text-indent: -99999px;} */
/* 김수연 추가 2019-12-03 */
/* #pop-main{display: block;left: 0px;right:0;position: absolute;z-index: 9999;opacity: 1;top: 175px;}
#pop-main .img{width:500px;height: 500px;margin: auto;position: relative;box-shadow: 6px 6px 10px -6px #000;border-radius: 15px;}
#pop-main .img .today-close{left: 500px; width:160px;height:30px;color:white;font-size:16px;font-weight:500;}
#pop-main .img .today-close span {display:inline-block;height:20px;width:20px;border: 2px solid white;text-align:center;line-height: 16px;font-size:14px;border-radius:50px;margin:0 5px;}
#pop-main .img .b-close{position:absolute;top: 0px;left: 450px;width:50px;height:50px;}
#pop-main .img .more_notice{position:absolute;top: 0;left: 0px;width: 110px;height: 110px;}
#pop-main .img .more_notice a {width:160px;height:60px;display: inline-block;text-indent: -99999px;} */
/* s : 김수연 추가 2019-12-04 */
#pop-main{display: block;width:500px;height:auto;}
#pop-main .pop-main-slide-wrap {width:500px; height:500px;}
#pop-main .pop-main-slide-wrap .owl-stage {display:flex; align-items:center;}
#pop-main .pop-main-slide-wrap .owl-carousel .owl-item a {position:relative;}
#pop-main .pop-main-slide-wrap .owl-carousel .owl-item a img {width:500px;}
#pop-main .pop-main-slide-wrap .owl-carousel .owl-item .notice-txt {font-size: 16px;position:absolute;bottom: 40px;width: 80%;padding: 20px;font-weight: 600;color: #222;left: 50%;transform: translateX(-50%);background: #fff;border: 2px solid #ddd;border-radius: 8px;}
#pop-main .pop-main-slide-wrap .owl-dots {position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;}
#pop-main .pop-main-slide-wrap .owl-dots .owl-dot {display:inline-block;width:11px;height:11px;border-radius:100%;background:#707070;}
#pop-main .pop-main-slide-wrap .owl-dots .owl-dot + .owl-dot {margin-left:5px;}
#pop-main .pop-main-slide-wrap .owl-dots .owl-dot.active {background:#fff;}
#pop-main .button-wrap {background:#fff;display: flex;height: 50px;}
#pop-main .button-wrap button {flex-basis: 50%;font-size: 16px;}
#pop-main .button-wrap .b-close {border-left:1px solid #ddd;}
/* e : 김수연 추가 2019-12-04 */

/* pop-guide */
[class*=pop-guide] {width:864px}
[class*=pop-guide] .pop-cont .pop-msg { padding: 15px; overflow-y: auto; font-size:14px;}
.pop-guide-01 .pop-cont .pop-msg {max-height:580px; }
.pop-guide-02 .pop-cont .pop-msg {max-height:350px; min-height:300px;}


/* calendar */
.cal-wrap {width:138px;height:34px;position:relative;border-color:#d4d4d4;padding-right:40px;display:inline-block;}
.cal-wrap .ui-ipt {width:inherit !important;}
.cal-wrap .btn-cal {width:34px;height:34px;border-left:1px solid #d4d4d4;position:absolute;top:0;right:0;}
.cal-wrap + .cal-wrap {margin-left:29px;}
.cal-wrap + .cal-wrap:before {content:'';display:block;width:12px;height:1px;background:#333;position:absolute;top:50%;left:-21px;}

/* tab */
.tab ul li a {display:block;font-weight:500;font-size:16px;color: #6c6c6c!important;text-decoration:none;text-align:center;line-height:50px;padding:0 10px;}
.tab ul li.on {background:#fff;border-top-color:#5c0f8b;border-bottom-color:#fff;}
.tab ul li.on:before,
.tab ul li.on + li:before {height:100%;top:0;transform:translateY(0px);}
.tab {position:relative;margin-top:20px;font-size:12px;overflow:hidden;}
.tab ul {overflow:hidden;}
.tab ul,.tab ul li {display:block;margin:0;padding:0;}
.tab ul li {position:relative;list-style:none;border-top:2px solid #777;border-bottom:1px solid #d4d4d4;background:#f8f8f8;}
.tab ul li:before {content:'';display:block;width:1px;height:10px;background:#d4d4d4;position:absolute;top:50%;transform:translateY(-50%);left:-1px;}
.tab ul li:first-child {border-left:1px solid #d4d4d4;}
.tab ul li:first-child:before {display:none;}
.tab ul li:last-child {border-right:1px solid #d4d4d4;}
.tab ul li {float:left;margin-right:-1px;line-height:26px;}
.tab ul li.on a {/* border-top:2px solid #5c0f8b; */line-height: 50px; color:#222!important;font-weight:700;}
.tab.type2 ul li.on a {background:#5c0f8b;}
.tab.type2 ul li {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.tab.type2 ul li:before {height:100%;top:0;transform:translateY(0px);}
.tab.type2 ul li.on a {border:0;/* height:50px; */color:#fff!important;}
.tab.type3 ul li.on a {background:#666;}
.tab.type3 ul li {border: 2px solid #ddd;border-right: 1px solid #ddd;background: #fff;text-align: center;}
.tab.type3 ul li:before {height:100%;top:0; transform:translateY(0px);}
.tab.type3 ul li.on a {border:0;height:50px;color:#fff}
.tab.type4 ul {border:1px solid #ddd;}
.tab.type4 ul li.on {background:#fff;border-top-color:#ddd;border-bottom-color:#ddd;}
.tab.type4 ul li.on a {border:0;height:50px;color:#fff!important;background:#fff;}
.tab.type4 ul li a {color:#222;}
.tab.type4 ul li {border:0px; background:#fff; min-height:72px; padding:12px 0; text-align:center;}
.tab.type4 ul li+li::before {display:inline-block; content:''; width:1px; height:65%; background:#ddd; transform:translateY(-50%); top:50%;}
.tab.type5 ul li {border:0; background:transparent; overflow:hidden;}
.tab.type5 ul li a {line-height:15px; font-size:15px; padding:0; font-weight:400; float:left; color:#999!important;}
.tab.type5 ul li.on a {font-weight:700; color:#222!important;}
.tab.type5 ul li + li::before {height:13px; position:static; margin:1px 15px 0; float:left; transform:translateY(0px);}
.tab.type6 ul li {border: 0;border-top: 2px solid #ccc;background: #fff; border-bottom:1px solid #eee;}
.tab.type6 ul li.on {border-top-color:#9229d2;background:#f8f8f8;}
.tab.type6 ul li.on::before, .tab.type6 ul li.on + li::before {height:0;}
.tab.type6 ul li a {overflow:hidden; text-overflow:ellipsis; padding:0 20px; color: #999!important; font-weight:400;}
.tab.type6 ul li.on a {color:#222!important; font-weight:700;}
.tab.item-02 ul li {width:50%;margin-right:0;}
.tab.item-03 ul li {width:33.333333%;margin-right:0;}
.tab.item-04 ul li {width:25%;margin-right:0;}
.tab.item-05 ul li {width:20%;margin-right:0;}
.tab.item-07 ul li {width:20%;}
.tab.item-07 ul li:last-child {margin-left:-2px;}

div#plandpGrp.tab.type2 ul li a:hover { background: #5c0f8b; color: #fff!important; border:0; } /* 20200224 현철추가 - 기획전상세 전용 */

/* 문의 답변 플래그 */
.answer-flag {display: inline-block; min-width:54px; min-height:22px; line-height:20px; text-align: center; border:1px solid #6c6c6c; color:#6c6c6c; font-weight:300; font-size:12px;}
.answer-flag.ansYes {border-color: #9229d2;color: #9229d2;}
.buyInqNo {font-size:13px; font-weight:500; color:#a0a0a0; margin-top:2px;}


/* paginate */
.paginate, .pageMove {margin-top:51px;text-align:center;}
.paginate a,.paginate span{
    display:inline-block;position:relative;vertical-align:middle;
    margin-left:0;color:#313031;font-size:12px;line-height:normal;
    text-decoration:none;width:30px;height:30px;padding-top:5px;
    cursor:pointer;}
.paginate .on {border:1px solid #9229d2;cursor:default;}
.paginate.type2 .on {border-color:#353535;background-color:#353535;color:#fff;}
/*0509_수연변경*/
.paginate a.pre {border:1px solid #999;margin-right:20px;}
.paginate a.pre_end {border:1px solid #999;margin-right:12px;}
.paginate a.next {border:1px solid #999;margin-left:20px;}
.paginate a.next_end {border:1px solid #999;margin-left:12px;}
.paginate a span {padding:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {.paginate a span {position:relative;top:-1px;}}*/
.pageMove input {text-align:center;font-family: "Noto", "Dotum", "Arial", "self";margin-right: 5px;width: 34px;border: 1px solid #ddd;}


/* page nav */
.page-nav-wrap * {display:inline-block;vertical-align:middle;}
.page-nav-wrap > *:nth-child(1) {margin-right:30px;}
.page-nav-wrap > * + * {margin-left:10px;}
.page-nav-wrap .selectric {/*width:186px;height:30px;border-color:#ddd;*/ border:none;}
.page-nav-wrap .selectric .label {height:inherit;font-weight:700;font-size: 14px;line-height: 15px;margin: 0;padding: 0 26px 0 0;}
.page-nav-wrap .selectric .button {width: 16px;height: 16px;border-left:1px solid #777;border: 1px solid #ddd;}
.page-nav-wrap .selectric .button:after {background:url(../images/common/icon_sprite.png) no-repeat -80px -51px;width:10px;height:5px;border:0;}
.page-nav-wrap .selectric-items {border-color:#ddd;}
.page-nav-wrap .selectric-wrapper + span.ico-arr-right-small {margin:0 10px;}
.page-nav-wrap .selectric-wrapper {white-space:nowrap;}
.page-nav-wrap .selectric-open .selectric-items {width:auto!important; margin-top:5px;}

/* quantity-control */
.quantity-control {overflow:hidden; display:inline-block;}
.quantity-control .number,
.quantity-control button {float:left;vertical-align:top;height:35px;}
.quantity-control .number {border:1px solid #666;width:59px;border-left:0;border-right:0;text-align:center;font-weight:500;font-size:14px;color:#999;line-height:33px;}
.quantity-control button {border:1px solid #666;width:35px;}

.lrgBuyPrdList .quantity-control button {float:none;width:28px;height:28px;vertical-align:middle;}
.lrgBuyPrdList input[type='text'] {height:28px;vertical-align:middle;}

/* slide-page-nav */
.slide-page-nav{text-align:center;margin-top:20px;}
.slide-page-nav a{display:inline-block;width:11px;height:11px;border-radius:100%;background:#c1c1c1;text-indent:-9999px;cursor:pointer;}
.slide-page-nav a.on{background:#333;}
.slide-page-nav a + a{margin-left:4px;}
.txt-guide {padding:0 19px 0 19px;font-size:16px;}
.txt-guide .box-b {display:inline-block;height:27px;line-height:25px;padding:0 10px;background-color:#3e3e3e;color:#fff;}
.txt-guide.type2 {padding:0;line-height:27px;}

/* 조회 검색 */
.ui-search-wrap {border-top:2px solid #777;}
.ui-search-wrap .search-inner-wrap {border:1px solid #ddd;background-color:#f8f8f8;padding:34px 0 34px 19px;}
.ui-search-wrap .search-inner-wrap > * {vertical-align:middle;}
.ui-search-wrap .search-inner-wrap .tit {font-size:16px;color:#222;}
.ui-search-wrap .search-inner-wrap [class^=ico-arr] {margin:0 10px;}
.ui-search-wrap .search-inner-wrap .ui-btn-bordered {width:72px;height:34px;position:relative;border-color:#d4d4d4;line-height:34px;}
.ui-search-wrap .search-inner-wrap .ui-btn-bordered.on {color:#9229d2;}
.ui-search-wrap .search-inner-wrap .ui-btn-bordered + .ui-btn-bordered {margin-left:-4px;}
.ui-search-wrap .search-inner-wrap .ui-btn-blue {height:34px;width:145px;line-height:34px;margin-left:10px;}
.ui-search-wrap .search-inner-wrap .cal-wrap {width:167px;}
.ui-search-wrap .search-inner-wrap .cal-wrap input {padding-left:20px;}
.ui-search-wrap .search-inner-wrap .cal-wrap:nth-of-type(1) {margin-left:10px;}
.ui-search-wrap.type2 .selectric-wrapper,
.ui-search-wrap.type3 .selectric-wrapper {display:inline-block;vertical-align:top;margin-right:9px;}
.ui-search-wrap.type2 .selectric,
.ui-search-wrap.type3 .selectric {width:177px;border-color:#cfcfcf;}
.ui-search-wrap.type2 .selectric-items,
.ui-search-wrap.type3 .selectric-items {border-color:#cfcfcf;}
.ui-search-wrap.type2 .selectric .label,
.ui-search-wrap.type3 .selectric .label {font-size:16px;line-height:38px;height:38px;}
.ui-search-wrap.type2 .selectric-items li,
.ui-search-wrap.type3 .selectric-items li {font-size:16px;}
.ui-search-wrap.type2 .ui-ipt,
.ui-search-wrap.type3 .ui-ipt {width:311px;height:40px;vertical-align:top;}
.ui-search-wrap.type3 .ui-ipt {width:498px;}
.ui-search-wrap.type2 [class^=ui-btn],
.ui-search-wrap.type3 [class^=ui-btn] {width:145px;margin-left:9px;}
.ui-search-wrap.type3 .cal-wrap .btn-cal {height:40px;}
.ui-search-wrap.type3,
.ui-search-wrap.type4 {border-top: 0px}
.ui-search-wrap.type4 .search-inner-wrap .tit {font-size:14px;color:#222;}
.ui-search-wrap.type4 .search-inner-wrap .cal-wrap input {padding-left:10px;}
.ui-search-wrap.type4 .search-inner-wrap .cal-wrap {width: 150px;}
.ui-search-wrap.type4 .search-inner-wrap .ui-btn-blue {height: 34px;width:50px;line-height:34px;margin-left:5px; margin-right: 10px;}
.ui-search-wrap.type4 .search-inner-wrap .selectric-wrapper {display:inline-block; width:140px;}
.ui-search-wrap.type4 .search-inner-wrap .selectric-wrapper .selectric {border-color:#cfcfcf;}
.ui-search-wrap.type4 .search-inner-wrap .selectric-wrapper .label,
.ui-search-wrap.type4 .search-inner-wrap .selectric-wrapper .button {height:34px; line-height:34px;}


/* scroll box */
.scroll-box {border:1px solid #d7d7d7;height:97px;overflow-y:auto;padding:20px;}
.scroll-box dl * {font-size:13px;}
.scroll-box dl dt {font-weight:400;}
.scroll-box dl dd {font-weight:100;line-height:20px;}
.scroll-box > dl > dt + dd {margin-top:25px;}
.scroll-box + .ui-chk-purple-left {padding-left:0;}

/* star */
.star-wrap {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items: center;}
.star-wrap [class^=ico-star] + [class^=ico-star] {margin-left:2px;}
.star-wrap .number {margin-left:5px;}

/* goods list */
.goods-list-wrap {display:block;overflow:hidden;}
.goods-list-wrap .list-item {display:inline-block;}
.goods-list-wrap .list-group-wrap {display:block;width:1100px;overflow:hidden; }
.goods-list-wrap .list-group-wrap .list-group-item {display:inline-block; border:1px solid #eaeaea;background:#fff;float:left; width:260px;height: auto; vertical-align: top; position:relative;}
.goods-list-wrap .list-group-wrap .list-group-item + .list-group-item {margin-left:20px;}
.goods-list-wrap .list-group-wrap .list-group-item:nth-child(4n+1) {margin-left:0;}
.goods-list-wrap .list-group-wrap .list-group-item:nth-child(n+5) {margin-top:20px;}
.goods-list-wrap .list-group-wrap .list-group-item>a {display:block;text-decoration:none;}
/* s: 2018-12-27 추가 */
.goods-list-wrap .list-group-wrap .nothing{padding:40px 0;}
.goods-list-wrap .list-group-wrap .nothing .info_txt{margin-bottom:20px;}
.goods-list-wrap .list-group-wrap .nothing .info_txt em{color:#9229d2;}
.goods-list-wrap .list-group-wrap .nothing .list{margin-left:416px;}
.goods-list-wrap .list-group-wrap .nothing .list li{line-height:24px;}
/* e: 2018-12-27 추가 */
.goods-list-wrap .list-group-item .img {display:block;position:relative;border-bottom:1px solid #eaeaea;text-align:center; overflow:hidden;}
.goods-list-wrap .list-group-item .img img {width:100%;height:100%; object-fit:contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.goods-list-wrap .list-group-item .img .flag {position:absolute;top:10px; left:10px;}
.goods-list-wrap .list-group-item .ssm-flag {position:absolute; top:2px; left:2px;}
.goods-list-wrap .list-group-item .ssm-flag .ssmSale {width:60px; height:60px; background-position:-108px 0;}
.goods-list-wrap .list-group-item .img.limit img {filter:blur(2px);}
.goods-list-wrap .list-group-item .img.limit .limit-txt {width:100%;height:100%;position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background: rgba(255,255,255,0.9);display: flex;align-items: center;justify-content: center;font-size: 18px; font-weight:700; line-height:24px; color:#222;}
/* .goods-list-wrap .list-group-item .img [class^=ico-] {display:block;position:absolute;top:123px;right:20px;text-align:center;color:#fff;padding: 13px 5px 0 0;}
.goods-list-wrap .list-group-item .img [class^=ico-] .num {font-weight:700;font-size:15px;}
.goods-list-wrap .list-group-item .img [class^=ico-] .unit {font-size:16px;}
.goods-list-wrap .list-group-item .img [class^=ico-] .txt {display:block;margin:0 auto;font-weight:200;font-size:11px;}
.goods-list-wrap .list-group-item .img .ico-flag-best {top:-1px;left:-2px;right:auto;padding:7px 0 0 0;}
.goods-list-wrap .list-group-item .img .ico-flag-best .tit {display:block;font-size:12px;}
.goods-list-wrap .list-group-item .img .ico-flag-best .num {font-size:15px;} 기존 베스트상품 ui */

/* .goods-list-wrap .list-group-item .info {display:block;overflow:hidden;}
.goods-list-wrap .list-group-item .info .tit {color:#666; clear: both; display:block; height:18px; line-height:18px;}
.godds-list-wrap .list-group-item .info .tit::after {display:block; content:''; clear:both; }
.goods-list-wrap .list-group-item .info .tit > span {float: left;}
.goods-list-wrap .list-group-item .info .tit .cate {max-width:calc(100% - 48px);}
.goods-list-wrap .list-group-item .info .ico-new {margin-left:5px;width: auto;height: 20px; line-height:18px; letter-spacing:0; background: #ffda00; border:1px solid #ffda00; font-size: 12px;color: #353535; padding: 0 5px;display: inline-block; border-radius: 3px; font-weight:500;}
.goods-list-wrap .list-group-item .info .ico-new i {display:inline-block; margin-left:1px; transform:skewX(350deg); font-size:11px;}
.goods-list-wrap .list-group-item .info .name {margin-top:7px;font-size:15px;color:#222; height:20px; display:block;}
.goods-list-wrap .list-group-item .info .pay-01{margin-top: 15px;overflow:hidden;min-height:16px;}
.goods-list-wrap .list-group-item .info .pay-02{overflow:hidden;height: 24px;}
.goods-list-wrap .list-group-item .info .pay-logout{overflow:hidden;}
.goods-list-wrap .list-group-item .info .pay-01 * {color:#999;}
.goods-list-wrap .list-group-item .info .pay-01 .tit,
.goods-list-wrap .list-group-item .info .pay-02 .tit {float:left;}
.goods-list-wrap .list-group-item .info .pay-logout .tit {float:left; color:#ff4040;font-size:14px!important;font-weight: 500;}
.goods-list-wrap .list-group-item .info .pay-01 .pay-wrap,
.goods-list-wrap .list-group-item .info .pay-02 .pay-wrap {float:right;}
.goods-list-wrap .list-group-item .info .pay-01 .pay-wrap *,
.goods-list-wrap .list-group-item .info .pay-02 .pay-wrap * {display:inline-block;}
.goods-list-wrap .list-group-item .info .pay-02 * {color:#222;}
.goods-list-wrap .list-group-item .info .pay-02 .num {font-weight:700;font-size:18px;}
.goods-list-wrap .list-group-item .info .pay-02 .txt.question {font-size: 14px!important;font-weight:500;color:#ff4040;border:1px solid #ff4040;padding:2px 7px;}
.goods-list-wrap .list-group-item .info .pay-02 .txt.soldout {font-size:14px!important; font-weight:500;color: #999;border: 1px solid #999;padding:2px 7px;}
.goods-list-wrap .list-group-item .info .pay-02 .txt.dealer {font-size:14px!important; font-weight:500;color: #aeaeae;border: 1px solid #d9d9d9; background:#f1f1f1; padding:2px 7px;}
.goods-list-wrap .list-group-item .info .pay-02 .pay-wrap {position:relative;top: 0px;} */


/* 소비자가 포함 ui */
.goods-list-wrap .list-group-item .info {color:#222;}
.goods-list-wrap .list-group-item .info .name {font-size:15px; display:block; word-break:break-all;}
.goods-list-wrap .list-group-item .info .cate {display:inline-block; width:100%;}
.goods-list-wrap .list-group-item .info .pay-logout {color:#ff4040; font-weight:500; margin-top:15px;}
.goods-list-wrap .list-group-item .info .price-all-type {margin-top:15px; min-height:46px;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-01 {color:#999;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-02 {margin-top:2px;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-01 .num {text-decoration: line-through; margin-left:2px;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-02 .num {font-size:22px; font-weight:700;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-01 .percent {color:#ff4040; font-weight:700;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-03 {display:block; margin-top:4px; color:#555;}
.goods-list-wrap .list-group-item .info .price-all-type .pay-03 * {display:inline-block;}
.goods-list-wrap .list-group-item .info .price-all-type .txt {font-size:17px; font-weight:700;}

.goods-list-wrap.type2 .list-group-item {width:275px;height:410px;}
.goods-list-wrap.type2 .list-group-item + .list-group-item {margin-left:0;border-left:0;}
.goods-list-wrap.type2 .list-group-item:nth-child(5) {margin-left:0;border-top:0;border-left:1px solid #ddd;}
.goods-list-wrap.type2 .list-group-item:nth-child(n+5) {margin-top:0;border-top:0;}
.goods-list-wrap.type2 .list-group-item .img {border-bottom:0;text-align:center;}
.goods-list-wrap.type2 .list-group-item .info {padding-top:0;}
.goods-list-wrap.type2 .list-group-item .info .name {font-size:16px;font-weight:500;margin-top:0;}
.goods-list-wrap.type2 .list-group-item .flag {margin-top:10px;}
.goods-list-wrap.type2 .list-group-item .sale {font-size:18px;color:#ff4040;font-weight:300;margin-right:5px;}
.goods-list-wrap.type2 .list-group-item .sale .num {font-weight:700;color:#ff4040;}

.goods-list-wrap.type4 .list-group-wrap {float:left;width:auto;}
.goods-list-wrap.type4 .list-group-item .wrap {display:block;position:relative;height:inherit;
    background:url(../images/sub/sub_bg_bar.gif) no-repeat 50% 90px;padding-top: 75px;text-align:center;}
.goods-list-wrap.type4 .list-group-item {width:204px;height:244px;}
.goods-list-wrap.type4 .list-group-item .img {border:0;}
.goods-list-wrap.type4 .list-group-item .img img {width:100%;height:auto;}
.goods-list-wrap.type4 .list-group-wrap .btn-buying {display:none;width:108px;height:27px;line-height:27px;color:#fff;font-size:16px;background:#712cc3;}
.goods-list-wrap.type4 .list-group-wrap .question {display:none;width:108px;height:27px;line-height:27px;color:#fff;font-size:16px;background:#712cc3;}
.goods-list-wrap.type4 .list-group-item .info {position:absolute;top:0;left:0;width:100%;z-index:1;}
.goods-list-wrap.type4 .list-group-item .info .tit {font-size:14px;color:#353535;}
.goods-list-wrap.type4 .list-group-item .info .pay-01 {text-align:center;margin-top: 10px;}
.goods-list-wrap.type4 .list-group-item .info .pay-01 * {float:none;display:inline;color:#353535;font-weight:500;}
.goods-list-wrap.type4 .list-group-item .info .pay-01 .num {font-size:20px;}
.goods-list-wrap.type4 .list-group-item .info .pay-01 .money {font-size:16px;}
/* 관련상품 */
.goods-list-wrap.type5 .list-group-item {width:196px;/*height:310px;*/border:0;background:transparent;}
.goods-list-wrap.type5 .list-group-wrap .list-group-item + .list-group-item {margin-left:30px;}
.goods-list-wrap.type5 .list-group-wrap .list-group-item:nth-child(n+5) {margin-left:30px; margin-top:0;}
.goods-list-wrap.type5 .list-group-item .img {border:1px solid #e0e0e0;width: 196px; height: 196px; overflow:hidden; background:#fff;}
/*.goods-list-wrap.type5 .list-group-item .img img {height: 180px;}*/
.goods-list-wrap.type5 .list-group-item .info {padding:10px 0 0;}
.goods-list-wrap.type5 .list-group-item .info .price-all-type {margin-top:5px;}
.goods-list-wrap.type5 .list-group-item .info .pay-logout .tit {margin-top:10px;}
.goods-list-wrap.type5 .list-group-item .brand {padding-top:10px;font-size: 13px;color:#6c6c6c;overflow: hidden;display:block;}
.goods-list-wrap.type5 .list-group-wrap {margin-top: 25px;}
.goods-list-wrap.type5 .list-group-item .info .price-all-type .pay-02 .num {font-size:18px;}

.goods-list-wrap.type6 .list-group-wrap {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:row wrap; flex-basis: 25%;}
.goods-list-wrap.type6 .list-group-item {border: 0; box-sizing: border-box; width:auto; padding:20px 20px 40px; border-bottom:1px solid #eaeaea;}
.goods-list-wrap.type6 .list-group-item.ebt {padding: 0;}
.goods-list-wrap.type6 .list-group-wrap .list-group-item + .list-group-item {border-left:1px solid #eaeaea; margin-left:0;}
.goods-list-wrap.type6 .list-group-wrap .list-group-item:nth-child(4n+1) {border-left:0; padding-left:0;}
.goods-list-wrap.type6 .list-group-wrap .list-group-item:nth-child(n+5) { margin-top:0;}
.goods-list-wrap.type6 .list-group-wrap .list-group-item:nth-child(4n) {padding-right:0;}
.goods-list-wrap.type6 .list-group-item .img {width:244px; height:244px; overflow:hidden; margin:0 auto; border:0;}
.goods-list-wrap.type6 .list-group-item .info {width:244px; padding:10px 0 0 0;}
.goods-list-wrap.type6 .list-group-item .info .discount {position:relative;left:-5px;}
.goods-list-wrap.type6 .list-group-item .info .discount,
.goods-list-wrap.type6 .list-group-item .info .discount span {display:inline-block;color:#ff4040;font-size: 14px;}
.goods-list-wrap.type6 .list-group-item .info .name {margin-top: 5px;}
.goods-list-wrap.type6 .list-group-item .flag {margin-top:10px;}
.goods-list-wrap.type6 .list-group-item .flag span {margin-top:5px;}


/* goods list row */
.goods-list-row-wrap {border-top:1px solid #999;border-bottom:1px solid #999;}
.goods-list-row-wrap .goods-info-wrap {padding:28px 0; position:relative;}
.goods-list-row-wrap .goods-info-wrap .left-info {float:left; width:800px;border-right:1px solid #e1e1e1;padding-left:180px; font-size:16px;color:#222;padding-right: 25px;min-height:150px;}
.goods-list-row-wrap .goods-info-wrap .left-info .img {position:absolute;top:28px;left:0;width: 150px;height: 150px;}
.goods-list-row-wrap .goods-info-wrap .left-info .img img {width:100%;height:100%; object-fit:contain}
.goods-list-row-wrap .goods-info-wrap .left-info .img.limit img {filter:blur(2px);}
.goods-list-row-wrap .goods-info-wrap .left-info .img.limit .limit-txt {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:rgba(255,255,255,0.9); display:flex; align-items: center; justify-content: center; font-size:16px; font-weight:700; line-height:22px; color:#222; text-align:center;}
.goods-list-row-wrap .goods-info-wrap .left-info .tit {font-weight:500;font-size:18px;margin-top: 10px;}
.goods-list-row-wrap .goods-info-wrap .left-info .tit span {vertical-align:middle;}
.goods-list-row-wrap .goods-info-wrap .left-info .tit span:nth-child(2) {margin:5px 0 0 5px;}
.goods-list-row-wrap .goods-info-wrap .left-info .stock{margin-top: 15px;}
.goods-list-row-wrap .goods-info-wrap .left-info .stock span{border: 1px solid rgb(230, 230, 230);padding: 2px 10px;margin-right: 5px;}
.goods-list-row-wrap .goods-info-wrap .left-info .stock button, .pop-productSpec{z-index: 9999;border: 1px solid rgb(230, 230, 230);background: rgb(242, 242, 242);font-weight: 700;padding: 2px 10px;}
.goods-list-row-wrap .goods-info-wrap .left-info .summary {font-weight:300;font-size:14px;color:#9c9c9c;line-height:18px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; }
.goods-list-row-wrap .goods-info-wrap .left-info .footer {font-size:15px;/*margin-top: 26px;*/}/*200316 지연수정*/
/* .goods-list-row-wrap .goods-info-wrap .left-info .footer>span {display:inline-block;vertical-align:middle;} */
.goods-list-row-wrap .goods-info-wrap .left-info .footer .number {color:#222;}
.goods-list-row-wrap .goods-info-wrap .left-info .footer>.number {position:relative;top:2px;}
/* .goods-list-row-wrap .goods-info-wrap .left-info .footer span {font-weight:500;} */
/* .goods-list-row-wrap .goods-info-wrap .left-info .star-wrap {margin-left:10px;}
.goods-list-row-wrap .goods-info-wrap .left-info .star-wrap .number {margin-left:5px;} */
.goods-list-row-wrap .goods-info-wrap .left-info .flag {margin-top: 10px;}
.goods-list-row-wrap .goods-info-wrap .left-info .ssm-flag {position:absolute; top:2px; left:2px;}
.goods-list-row-wrap .goods-info-wrap .left-info .ssm-flag .ssmSale {width:48px; height:48px; background-position:-108px -64px;}
.goods-list-row-wrap .goods-info-wrap .left-info .flag-notice::after {display:block; content:''; clear:both;}
.goods-list-row-wrap .goods-info-wrap .left-info .flag-notice .flag {margin-top:3px !important;float:left; width:6%;}/*200316 지연추가*//*210601_김수연: flag.flag-notice -> flag-notice 클래스명 변경*/
.goods-list-row-wrap .goods-info-wrap .left-info .md-notice {margin-top:10px;}
.goods-list-row-wrap .goods-info-wrap .left-info .notice-tex {font-size:13px; color:#6c6c6c; float: left;width: 94%;line-height: 18px; white-space: pre-line; margin-top:3px;}
.goods-list-row-wrap .goods-info-wrap .right-info {float:right;position:absolute;right:0;top:28px;width:287px;height: 150px;}
.goods-list-row-wrap .goods-info-wrap .right-info .inner-wrap {position:absolute;top: 22px;left:20px;}
.goods-list-row-wrap .goods-info-wrap .right-info [class^=pay] {position:relative;}
.goods-list-row-wrap .goods-info-wrap .right-info .pay-logout .tit {float: left;color: #dd012a;position: relative;font-size:16px;font-weight:500;}/*190409_수연: 리스트형 pay-logout .tit 위치조정*/
.goods-list-row-wrap .goods-info-wrap .right-info .pay-01 {color:#999; margin-bottom:2px;}
.goods-list-row-wrap .goods-info-wrap .right-info .pay-01 .tit {top:0;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap {margin-top:30px; display:flex; display:-webkit-flex; display:ms-flexbox; justify-content: space-around;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-basket,
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-heart {width:64px;height:37px;border:1px solid #d9d9d9;vertical-align:top;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-basket.disabled,
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-heart.disabled {background: #f1f1f1;cursor: default;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-basket.disabled span,
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-heart.disabled span{opacity: 0.5;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-basket {border-right:0;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-heart {margin-left:-3px;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-heart.on span {background-position-y:-18px;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-buying, .goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-cart {width:129px;height:37px;border:2px solid #9229d2;color:#9229d2;
    vertical-align:top; font-weight:700;font-size:16px;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-buying.btnSoldOut{border: 1px solid rgb(128, 128, 128);background: #FFF;color: rgb(128, 128, 128);}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-buying.btnInquiry{border: 1px solid rgb(128, 128, 128);background: rgb(128, 128, 128);color: #FFF;}
 .goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .question {width:129px;height:37px;border:2px solid #ff4040;color:#ff4040;
    vertical-align:top;margin-left:7px;font-weight:700;font-size:16px; float:right;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .question::after {contents:''; display:block; clear:both;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-soldout {width:129px;height:37px;border:2px solid #999;color:#999;
    vertical-align:top;margin-left:7px;font-weight:700;font-size:16px;}
.goods-list-row-wrap .goods-info-wrap .right-info .btn-wrap .btn-dealer {width:129px;height:37px;border: 1px solid #d9d9d9; background:#f1f1f1; color: #aeaeae; vertical-align:top;margin-left:7px;font-weight:700;font-size:16px;}
.goods-list-row-wrap .goods-info-wrap + .goods-info-wrap {border-top:1px solid #ddd;}
/* 소비자가 포함 ui-리스트형 */
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-01 .pay-wrap {font-size:14px;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-01 .percent {color:#ff4040; font-weight:700;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-01 .num {text-decoration: line-through;margin-left: 2px;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-02 .num {color:#222;display:inline-block;font-size: 22px;font-weight: 700;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-02 .money {font-size:14px; font-weight:400; color:#222;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-02 .num.txt {font-size:18px;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-03 {margin-top: 4px;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .pay-03 span {display:inline-block;color: #555;}
.goods-list-row-wrap .goods-info-wrap .right-info .price-all-type .btn-wrap {margin-top: 26px;}
/* 쌈특가 플래그 */
.ssm-flag .ssmSale {display:block; background:url(../images/common/ssm-sale-flag.png) no-repeat;}
.flag span {display:inline-block;color:#fff;text-align:center;height:20px; line-height:18px;padding:0 3px;letter-spacing:0px;font-size:12px; border-radius:3px;}
.flag span + span {margin-left:2px;}
.flag .typ1 {background: #ffda00;border: 1px solid #ffda00;color: #222; font-weight:500;}
.flag .typ1 i {display:inline-block; transform:skewX(350deg); margin-left:1px;}
.flag .typ2 {color: #b565ff;border: 1px solid #b565ff;}/* 인기 */
.flag .typ3 {color: #ff4040;border: 1px solid #ff4040;}/* 특별할인 */
.flag .typ4 {color: #f09215;border: 1px solid #f09215;}/* 쿠폰 */
.flag .typ5 {color: #6b73a7;border: 1px solid #6b73a7;}/* 무료배송 */
.flag .typ6 {color: #828282;border: 1px solid #828282;}/* 업체직배송 */
.flag .typ7 {border: 1px solid #dd012a; color: #dd012a;}/* MD공지 */
.flag .grade {border: 1px solid #9229d2; background:#9229d2; color: #fff;}/* 등급할인 */
.flag .set-basic {color:#5c0f8b; border:1px solid #5c0f8b; border-radius:3px;} /* 기본 설정 플래그 ex.기본배송지, 기본계좌 */
.flag .npay {text-indent: -9999px;width: 50px;height: 20px; background: url(../../common/images/common/Npay-on.png) no-repeat;background-size: contain;padding: 0;}



/* goods list control */
.goods-list-nav {margin-top:19px;}
.goods-list-nav * {display:inline-block;vertical-align:middle;}
.goods-list-nav .search-input-wrap {width:183px;height:30px;position:relative;border:1px solid #999;margin-right:6px;}
.goods-list-nav .search-input-wrap input {border:0;width:100%;height:100%;padding-left:10px;padding-right:40px;}
.goods-list-nav .search-input-wrap input::placeholder {color: #222;opacity:1;letter-spacing:-1px;}
.goods-list-nav .search-input-wrap input::-ms-input-placeholder {color:#222;letter-spacing:-1px;}
.goods-list-nav .search-input-wrap input::-ms-input-placeholder {color:#222;letter-spacing:-1px;}
.goods-list-nav .search-input-wrap button {width:34px;height:100%;position:absolute;top:0;right:0;}
.goods-list-nav .selectric {width:120px;height:30px;}
.goods-list-nav .selectric .label {line-height: 28px;height:30px;font-size:14px;}
.goods-list-nav .selectric .button {width:26px;height:30px;}
.goods-list-nav .selectric-items li {line-height:30px;padding:0 10px;font-size:14px;}
.goods-list-nav .sort-goods-wrap {float:right;}
.goods-list-nav .sort-goods-wrap *[class^=btn-gray] {width:80px;height:30px;background: #666;color: #FFF;}
.goods-list-nav .sort-goods-wrap *[class^=btn-sort] {width:32px;height:30px;border:1px solid #999;}
.goods-list-nav .sort-goods-wrap *[class^=btn-sort] span {vertical-align:top;margin-top:3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.goods-list-nav .sort-goods-wrap *[class^=btn-sort] span {vertical-align:top;margin-top:2px;}}
.goods-list-nav .sort-goods-wrap .btn-sort-right {margin-left:-3px;border-left:0;}
.goods-list-nav .sort-goods-wrap *[class^=btn-sort].on span {background-position-x:-100px;}
.goods-list-nav .selectric-wrapper {margin-right:4px;}
.goods-list-nav .total-goods-wrap .total-num {font-weight:500;font-size:19px;color:#000;}
.goods-list-nav .total-goods-wrap .total-num strong {color:#9229d2;}

/* comment */
.cb-comment .cb-top-info .selectric {width:136px;}
.cb-comment .cb-top-info .selectric .label {font-size:13px;}
.cb-comment .cb-top-info .txt {margin-top:12px;}
.cb-comment .cb-lstcomment {width:100%;margin-top:7px;}
.cb-comment .cb-lstcomment .cb-item {position:relative;vertical-align:top;zoom:1;height:auto;}
.cb-comment .cb-lstcomment .cb-item + .cb-item {border-top:1px solid #eeeeec;}
.cb-comment .cb-lstcomment .cb-item:first-child {border-top:1px solid #333;}
.cb-comment .cb-lstcomment .cb-item:last-child {border-bottom:1px solid #999;}
.cb-comment .cb-lstcomment .cb-item.no-item {padding:30px 0; text-align:center; color:#6c6c6c;}
.cb-comment .cb-lstcomment .cb-tit {font-weight:300;font-size:15px;color:#777;margin-top:13px;}
.cb-comment .cb-lstcomment .cb-dsc_comment {margin-top: 10px;font-weight:300;font-size:16px;color:#353535;}
.cb-comment .cb-lstcomment .cb-date {font-weight:300;font-size:14px;}
.cb-comment .cb-lstcomment .cb-date:before {content:'';display:inline-block;width:1px;height:10px;margin:0 5px;background:#a5a5a5;}
.cb-comment .cb-lstcomment .cb-section {margin:24px 0;}
.cb-comment .cb-lstcomment .cb-section * {display:inline-block;vertical-align:middle;color:#777 !important;}
.cb-comment .cb-lstcomment .cb-dsc {font-weight:300;font-size:16px;color:#353535;line-height:21px; word-break:break-word;}
.cb-comment .cb-lstcomment .cb-thm {width:154px;height:154px;position:absolute;top:0;right:0;}

.cb-comment .cb-lstcomment .cb-item.commImg {overflow:hidden;}
.cb-comment .cb-lstcomment .cb-item.commImg .cb-comment-area{float:left;width:900px; position:relative;}
.cb-comment .cb-lstcomment .cb-item.commImg .pop-call{position:absolute;top:50%;right:20px;margin-top:-77px;}
.cb-comment .cb-lstcomment .cb-item.commImg .review_text img {width:154px; height:154px; position:absolute; right:-180px; top:50%; transform:translateY(-50%);}

/* table */
.tbl_type,.tbl_type th,.tbl_type td {border:0;}
.tbl_type .code {font-size:14px;color:#353535;}
.tbl_type {width:100%;border-bottom: 1px solid #999;text-align:center;table-layout:fixed;}
.tbl_type .goods-img{width:85px;}
.tbl_type caption {display:none;}
.tbl_type th {padding:13px 0 12px;border-top: 2px solid #777;background-color:#f1f1f2;color:#222;font-weight:500;font-size:16px;}
.tbl_type td {padding:13px 0 12px;border-top:1px solid #e5e5e5;font-weight:300;font-size:16px;color:#353535;}
.tbl_type a {color:#353535;}
.tbl_type a.ellipsis{display:block;width:100%;}
.tbl_type td.bl{border-left:1px solid #e5e5e5;}
.tbl_type.type2 {border-top:2px solid #777;border-bottom:1px solid #999;}
.tbl_type.type2 th {border-top:1px solid #e5e5e5;padding-left:30px;vertical-align:top;color:#353535;}
.tbl_type.type2 tr:nth-of-type(1) th,
.tbl_type.type2 tr:nth-of-type(1) td {border-top: 2px solid #777;}
.tbl_type.type2 td {padding-left:30px;}
.tbl_type.tbl-input th {padding-left:20px;/*height:62px;*/}
.tbl_type.tbl-input .selectric-wrapper {display:inline-block;vertical-align:middle;}
.tbl_type.tbl-input .selectric {background:#f1f1f1;}
.tbl_type.tbl-input input,.tbl_type.tbl-input .selectric {height:40px;border-color:#cfcfcf;font-size:16px;}
.tbl_type.tbl-input .selectric-items {border-color:#cfcfcf;}
.tbl_type.tbl-input .selectric .label {font-size:16px;line-height:37px;}
.tbl_type.tbl-input .selectric-items ul, .tbl_type.tbl-input .selectric-items li {font-size:16px;}
.tbl_type.tbl-input .slt-w100p .selectric-wrapper  {width:100% !important;}
.tbl_type.tbl-input input {width:268px;}
.tbl_type.tbl-input .bar {display:inline-block;vertical-align:middle;width:5px;height:1px;background:#cfcfcf;margin:0 2px;}
.tbl_type.tbl-input .phone .selectric,.tbl_type.tbl-input .phone .ui-ipt {width:85px;vertical-align:middle;}
.tbl_type.tbl-input .email .ui-ipt {width:186px;}
.tbl_type.tbl-input .email .selectric-wrapper {margin-left:9px;}
.tbl_type.tbl-input .email .selectric {width:198px;}
.tbl_type.tbl-input .email .ui-ipt + span {display:inline-block;margin:0 9px;}
.tbl_type.tbl-input .txt-write {width:637px;height:184px;border:1px solid #cfcfcf;resize:none;padding:20px;}
.tbl_type.tbl-input .txt-write.type2 {height:64px;padding:10px;}
.tbl_type.tbl-input .address [class^=ui-btn] {margin-left:8px;}
.tbl_type.tbl-input .address .ui-ipt:nth-of-type(1) {width:191px;}
.tbl_type.tbl-input .address .sub-addr-wrap .ui-ipt:nth-of-type(1) {width:366px;}
.tbl_type.tbl-input .address .sub-addr-wrap .ui-ipt:nth-of-type(2) {width:263px;margin-left:10px;}
.tbl_type.tbl-input .ui-chk-purple-left {padding-left:0;}
.tbl_type.tbl-input .pay-mount span {color:#dd012a;}
.tbl_type.tbl-input .pay-rdo::after {display:block; content:''; clear:both;}
.tbl_type.tbl-input .pay-rdo .ui-radio {display:inline-block;vertical-align:middle; margin-right:20px; float:left;}
.tbl_type.tbl-input .pay-rdo .ui-radio:last-child {margin-right:0px;}
.tbl_type.tbl-input [class^=ui-radio] input[type="radio"] + label:before {margin-top:-3px !important;}
.tbl_type.tbl-input .pay-rdo .ui-radio input {width:0 !important;}
.tbl_type.tbl-input .result-type .row {padding-left:20px;}
.tbl_type.tbl-input .result-type .type-01 {padding-top:10px;}
.tbl_type.tbl-input .result-type .type-01 .ui-ipt {width:80px;vertical-align:middle;}
.tbl_type.tbl-input .result-type .type-01 .ui-radio {margin-right:30px;}
.tbl_type.tbl-input .result-type .type-02 {padding-top:10px;}
.tbl_type.tbl-input .result-type .type-02 .selectric,
.tbl_type.tbl-input .result-type .type-02 .ui-ipt {width:497px;}
.tbl_type.tbl-input .result-type .type-02 .slt-wrap {padding-left:20px;}
.tbl_type.tbl-input .result-type .type-02 .slt-wrap > span {display:inline-block;width:120px;}
.tbl_type.tbl-input .result-type .type-02 .list {padding-left:35px;}
.tbl_type.tbl-input .result-type .type-02 .list li + li {margin-top:5px;}
.tbl_type.tbl-input tr[class^=pay-result] {display:none;}
.tbl_type.tbl-input .point {color:#9229d2; display:inline-block; vertical-align:middle;}
.tbl_type.tbl-input .txtarea-md {height:186px;}
.tbl_type.tbl-input .ui-file.type2 .ipt-name {width:703px;}

/* 200701 김수연 테이블 text-area(1:1문의내역 세부보기myInqDetail/my견적 세부보기estmInqDetail) css 옮김 */
.td-textarea pre{ font-family:"Noto", "Dotum", "Arial", "self";	font-size:14px;	font-weight:400; line-height:1.5; letter-spacing:-0.05em; font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased; white-space: pre-line; 	overflow: auto;	word-break: break-all; height:150px;}
.pre-wrap {white-space:pre-wrap;}

/* 테이블 탑 리스트 정보 */
.tbl-list-info {font-size:16px;}
.tbl-list-info li {display:inline-block;vertical-align:middle;}
.tbl-list-info li:last-child:before {content:'';display:inline-block;width:1px;height:16px;vertical-align:middle;background:#cfcfcf;margin:0 10px;}
.tbl-list-info li a {font-size:16px;color:#555;text-decoration:none; font-weight:500;}
.tbl-list-info li.on a {color:#5c0f8b;}

/* accordion */
.accordion-a {display:none;}
.accordion-t.on + .accordion-a {display:table-row;}
.list.accordion-t.on + .accordion-a {display:block;}

/* cir-wrap */
.cir-wrap {display:inline-block;width:48px;height:48px;border:1px solid #ececec;border-radius:100%;background:#f6f6f6;text-align:center;vertical-align:middle;padding:11px 0 0 2px;}
.cir-wrap.type1 {border-color:#5c0f8b;background:#5c0f8b;}
.cir-wrap.type2 {border-color:#9229d2;background:#9229d2;}
.cir-wrap.type3 {border-color:#9431fe;background:#9431fe;}

/* number-mount */
.ui-quantity-01 {display:inline-block;width:56px;height:26px;border:1px solid #ddd;overflow:hidden;background:#fff url(../../common/images/common/icon_sprite.png) no-repeat -148px -266px;text-align:left;position:relative;}
.ui-quantity-01 input {height:26px;width:40px;text-align:center;border:0;outline:none;}
.ui-quantity-01.disabled input {background:#eee; color:#999;}
.ui-quantity-01 .btn-up,
.ui-quantity-01 .btn-down {width:14px;height:13px;position:absolute;top:0;right:0;}
.ui-quantity-01 .btn-down {top:auto;bottom:0;}

/* 김수연 공통 툴팁 css 추가 */
.MoreTooltip {display:inline-block;position:relative;width: 20px;height: 20px;border: 1px solid #777;margin-left: 3px;border-radius: 20px;font-size: 13px;text-align: center; line-height: 18px;}
.MoreTooltip-content {visibility:hidden; width:200px; position:absolute; top:100%; left:0px; background:#fff; box-shadow:0 0 10px -6px; z-index:1; padding:10px; border:1px solid #777;}
.MoreTooltip:hover .MoreTooltip-content {visibility:visible;}

/* selectbox type(phone,email) */
.selectric-type1 > * {float:left;}
.selectric-type1 .selectric {border:1px solid #d4d4d4;}
.selectric-type1 .selectric .label,
.selectric-type1 .selectric .button {height:32px; line-height:32px;}
.selectric-type1 span {margin:0px 5px;}
.selectric-type1.phone input[type=text] {width: 140px;}
.selectric-type1.phone .selectric-wrapper{width:80px;}
.selectric-type1.email input[type=text] {width: 130px;}
.selectric-type1.email .selectric-wrapper {float:right;margin-left:5px;width: 100px;}
.selectric-type2 .selectric-wrapper {width:268px;}

/* common layout */
/* s: 2018-12-10 수정 */
#seesaw-banner{position:relative;min-width:1100px;}
#seesaw-banner .center-wrap{height:70px;}
#seesaw-banner .banner-bg{background:#37619d;}
#seesaw-banner .banner-bg img{width:100%; height:100%;}
#seesaw-banner .banner-close{position:absolute;right:115px;top:20px;width:30px;height:30px;text-indent:-9999px;background:url(../../common/images/common/btn_banner-close.png) no-repeat 0 0;}
#wrapper {width:100%; min-width:1100px;}
#header {position:relative;width:100%;height:auto;background:#fff;}
/* e: 2018-12-10 수정 */

/* #wrapper {width:100%;} */
/* #header {width:100%;height:210px;background:#fff;} */
#header .gnb {height:32px;background:#f3f3f3;border:1px solid #ddd;}/*190410_수연:height*/
#header .gnb .gnb-link-wrap {float:right;}
#header .gnb .gnb-link-wrap>li {float:left;position:relative;}
#header .gnb .gnb-link-wrap>li>a> span {margin-left: 1px;}
#header .gnb .gnb-link-wrap>li>a> [class^=ico2-][class*=grade] {margin-left: 0px;margin-bottom: 3px;margin-right: 3px;}
#header .gnb .gnb-link-wrap>li a {display:inline-block;font-weight:300;color:#333;letter-spacing:-1px;line-height:30px;font-size:12px;}/*190410_수연 : font-size*/
#header .gnb .gnb-link-wrap>li .grade-icon {margin-bottom:3px;margin-right:3px;width: 20px;height: 20px;}
#header .gnb .gnb-link-wrap>li:before {content: '';height:10px;display:inline-block;vertical-align:baseline;margin:0 7px;}/*190410_수연:margin*/
#header .gnb .gnb-sub-ly {position:absolute;top: 30px;left: 2px;border: 1px solid #cecece;background:#fff;z-index:5; display:none;}
#header .gnb .gnb-sub-ly>ul {padding: 0px 0;}
#header .gnb .gnb-sub-ly>ul>li {white-space: nowrap;padding: 0.5px 10px;}
#header .gbb .gnb-sub-ly>ul>li a {display:inline-block;color:#494949;letter-spacing:-1px;font-size:12px;}
/* #header .gnb .btn-ssm {padding:4px 8px; background:#9229d2; color:#fff; } */
#header .gnb .header-sns {float:left; display:flex; display:-ms-flexbox; display:-webkit-flex; height:100%; align-items:center;}
#header .gnb .header-sns li {margin-right:17px;}
#header .gnb .header-sns img {width:22px;}


#header .lnb {width:100%;padding-top:35px;padding-bottom:35px; height:132px; text-align:center;position:relative;background:#fff;} /*190408_수연:padding-top:26->25 / padding-bottom:25*/
#header .lnb .logo {display:inline-block;width: 210px;vertical-align:middle;text-align:center;position:absolute;top: 16%;left:0;}/*1904010_수연:위치조정*/
#header .lnb .logo img {width: 190px;} /* 200902_수연 로고 svg 컬러 변경 */
#header .lnb .lnb-sch-wrap {display:inline-block;width:468px;vertical-align:middle;}
/*190410_수연*/
#header .lnb .lnb-sch {position:relative;background:url(../images/common/bg_search_box_01.png) no-repeat;width:468px;height:40px;}
#header .lnb .lnb-sch-input {width:380px;height:40px;border:none;float:left;padding:5px 0;background:transparent;margin-left:28px;color:#222;
    font-family:'Noto', "Dotum", "Arial", "self";font-weight:400;font-size:16px;}
/*//190410_수연*/
#header .lnb .lnb-sch-input:focus {outline:none;}
#header .lnb .lnb-sch-input::-webkit-input-placeholder { /* 크롬 4–56 */color:#222;font-weight:400;}
#header .lnb .lnb-sch-input:-moz-placeholder { /* 파이어폭스 4–18 */color:#222;font-weight:400;opacity:1;}
#header .lnb .lnb-sch-input::-moz-placeholder { /* 파이어폭스 19–50 */color:#222;font-weight:400;opacity:1;}
#header .lnb .lnb-sch-input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */color:#222;font-weight:400;}
#header .lnb .lnb-sch-input::placeholder { /* 파이어폭스 51+, 크롬 57+ */color:#222;font-weight:400;opacity:1;}
#header .lnb .search-btn {width:44px;height:40px;text-indent:-10000px;background:none;float:left;cursor:pointer;}/*190410_수연:height47->40*/
#header .lnb .lnb-search-key {width:431px;position:absolute;background:#fff;border-right: #ddd 1px solid;border-bottom: #ddd 1px solid;border-left: #ddd 1px solid;top: 40px;left:19px;z-index:10;}
#header .lnb .lnb-search-key .search-body {padding:20px 23px 20px 0;}
#header .lnb .lnb-search-key:nth-of-type(1) .search-body {padding-right:0;}
#header .lnb .lnb-search-key:nth-of-type(3) .search-body {padding-right:0;}
#header .lnb .lnb-search-key .search-body ul {width:193px;float:left;}
#header .lnb .lnb-search-key:nth-of-type(3) .search-body ul {width:100%;}
#header .lnb .lnb-search-key .search-body ul>li {width: inherit;float:left;padding: 0 0 0 10px;position:relative;font-size:12px;text-align: left;}
#header .lnb .lnb-search-key .search-body ul>li:hover .num,
#header .lnb .lnb-search-key .search-body ul>li:hover a {color:#9229d2;}
#header .lnb .lnb-search-key .search-body ul>li:hover a {font-weight:bold;}
#header .lnb .lnb-search-key .search-body ul>li>a {max-width: 330px;display:inline-block;color:#494949;letter-spacing:-1px;padding: 0 0 0 0;text-align:left;overflow:  hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 300;font-size: 14px;vertical-align: middle;line-height: 28px;}
#header .lnb .lnb-search-key .search-body ul>li>a:hover {text-decoration:none;}
#header .lnb .lnb-search-key .search-body >ul>li>a.evt {color:#00bcd4;}
#header .lnb .lnb-search-key .search-body ul>li>a strong {color:#2378d7;font-weight:normal;}
#header .lnb .lnb-search-key .search-body >ul>li .del {width:27px;height:28px;display:inline-block;position:absolute;top:0;right:5px;background:none;}
#header .lnb .lnb-search-key .search-body ul>li .del:before {width:14px;height:14px;background:url(../../common/images/common/icon_sprite.png) -153px -189px;position:absolute;top:6px;left:7px;display:inline-block;content:'';}
#header .lnb .lnb-search-key .search-body ul>li .num {display:  inline-block;margin-right: 11px;font-weight: 500;font-size: 14px;vertical-align: middle;width: 20px;text-align: right;}
#header .lnb .lnb-search-key .search-body ul>li .link {width:27px;height:28px;display:inline-block;position:absolute;top:0;right:5px;background:none;}
#header .lnb .lnb-search-key .search-body >ul>li .link:before {width:14px;height:14px;background:url(../../common/images/common/icon_sprite.png) -152px -213px;position:absolute;top:6px;left:7px;display:inline-block;content:'';}
#header .lnb .lnb-search-key .search-body .recomm_goods-wrap {text-align:left;width:205px;float:right;padding-top:10px;}
#header .lnb .lnb-search-key .search-body .recomm_goods-wrap h3 {font-weight:400;font-size:16px;color:#222;margin-bottom:10px;}
#header .lnb .lnb-search-key .search-body .recomm_goods-wrap a {display:block;border:1px solid #ddd;}
#header .lnb .lnb-search-key .search-body .recomm_goods-wrap a + a {margin-top:-1px;}
#header .lnb .lnb-search-key .search-body ul.recent-search {width:100%;float:left;}
#header .lnb .lnb-search-key .search-body ul.recent-search li {text-align:left;}
#header .lnb .lnb-search-key .search-body ul.recent-search li a {width:100%;padding-right:30px;}
#header .lnb .lnb-search-key .no-data {width:431px;height:280px;float:left;padding:5px 0; text-align:center;line-height:280px;color:#888888;font-size:15px;letter-spacing:-1px;}
#header .lnb .lnb-search-key .search-tab-wrap {background:#f7f8f9;display:inline-block;width:100%;position:relative;margin-top: 0;}
#header .lnb .lnb-search-key .search-tab-wrap:before {position:absolute; display:inline-block;left:215px;width:1px;height:46px;background:#ebeef3;content:'';}
#header .lnb .lnb-search-key .search-tab-wrap > a {width:214px;padding:14px 0;font-size:14px;letter-spacing:-1px;color:#000000;float:left;text-align:center;border-bottom:#ebeef3 1px solid;}
#header .lnb .lnb-search-key .search-tab-wrap > a:hover {text-decoration:none;}
#header .lnb .lnb-search-key .search-tab-wrap > a.on {background:#ffffff;border-bottom:#ffffff 1px solid;}
/* s : 김수연 최근검색어 배너 영역 추가 */
#header .lnb .lnb-search-key .search-banner-wrap {/* background:gray; */float: left;width: 100%;padding: 15px;border-top: 1px solid #ddd;}
#header .lnb .lnb-search-key .search-banner-wrap h2 {margin-bottom: 15px;font-size: 18px; color: #5c0f8b;}
#header .lnb .lnb-search-key .search-banner-wrap .bannerIn {float:left;}
#header .lnb .lnb-search-key .search-banner-wrap .banner-img-wrap img {max-width: 120px;}
#header .lnb .lnb-search-key .search-banner-wrap .banner-title-wrap {text-align:left;padding: 22px;height: 120px;vertical-align: middle;display: inline-block;}
#header .lnb .lnb-search-key .search-banner-wrap .banner-title-wrap .tit {font-size:18px;font-weight:700;margin-bottom: 4px;color: #222;}
#header .lnb .lnb-search-key .search-banner-wrap .banner-title-wrap .sub-tit {font-size:15px;}
#header .lnb .lnb-search-key .search-banner-wrap .banner-title-wrap .btn-more {cursor: pointer;margin-top: 20px;color: #6b6b6b;font-size: 13px;}
#header .lnb .lnb-search-key .search-banner-wrap .banner-title-wrap .btn-more span {margin-bottom: 3px;margin-left:2px;}
/* e : 김수연 최근검색어 배너 영역 추가 */
#header .lnb .lnb-search-key .search-foot {width: 100%;display:block;float:left;padding:10px;background:#f7f8f9;border-top:#ebeef3 1px solid;}
#header .lnb .lnb-search-key .search-foot .btn-search-del {float:left;text-decoration: none;}
#header .lnb .lnb-search-key .search-foot .btn-search-close {float:right;text-decoration: none;}
#header .lnb .lnb-search-link {width:468px;text-align:center;margin-top:5px;}
#header .lnb .lnb-search-link .srch-link-tit {display:inline-block;font-weight:500;color:#666;height:20px; line-height:20px; margin-right:10px; font-size:13px;}/*190410_수연*/
#header .lnb .lnb-search-link ul {display:inline-block;vertical-align: middle;}
#header .lnb .lnb-search-link ul>li {height:20px; line-height:20px; display:inline-block;}
#header .lnb .lnb-search-link ul>li:before {content:'';height:8px;display:inline-block;border-left:#e1e3e3 1px solid;margin: 5px 8px;}
#header .lnb .lnb-search-link ul>li:first-child:before {display:none;}
#header .lnb .lnb-search-link ul>li a {color:#999;letter-spacing:-0.5px;padding:0 0.5px;font-size:12px;max-width: 75px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;line-height:20px;display: inline-block;}
*:first-child+html .lnb .lnb-search-link>ul>li{margin-right:10px;}

/* s : 김수연 메인우측상단 배너 영역 수정 및 추가 */
#header .lnb .lnb-banner {position:absolute;top: -8px;right:0;height: 80px;width: 206px; overflow:hidden;}/* 200401_수연 */
#header .lnb .lnb-banner a img {width:206px; height:80px;}/*200227_수연*/
#header .lnb .lnb-banner #lnb-banner-nav {position:absolute; right:0px; bottom:0px;z-index: 1; display:none;}
#header .lnb .lnb-banner #lnb-banner-nav::after {display:block; content:''; clear:both;}
#header .lnb .lnb-banner #lnb-banner-nav button {float:left;margin: 0 2px;}
#header .lnb .lnb-banner #lnb-banner-nav button:nth-child(2) {float:right; margin-right: 0px;}
#header .lnb .lnb-banner #lnb-banner-nav .btn-prev {display:block;width: 14px;height: 14px;background: url(../images/common/prev-next-icon.png) -40px -36px;}
#header .lnb .lnb-banner #lnb-banner-nav .btn-next {display:block;width: 14px;height: 14px;background: url(../images/common/prev-next-icon.png) -56px 34px;}
/* e : 김수연 메인우측상단 배너 영역 수정 및 추가 */

#header .nav {border-top:1px solid #ddd;}
#header .nav .nav-menu-wrap {float:left;}
#header .nav .nav-menu-wrap>li{display:block;float:left;position:relative;top:0; padding-right:10px;}
#header .nav .nav-menu-wrap>li>a {line-height:45px;text-decoration:none;font-weight:500;font-size:16px;color:#333;}
#header .nav .nav-menu-wrap>li:first-child {width: 214px;text-align: left;background: #f3f2f4;padding-left: 28px;/* text-align: center; */}
#header .nav .nav-menu-wrap>li:first-child a {padding-left:2px; display:block;}
#header .nav .nav-menu-wrap>li+li::before {display:inline-block; content:''; width:1px; height:9px; background:#ccc; margin:0 24px 0 14px;}
#header .nav .nav-menu-wrap>li:nth-child(2)::before{margin-right:0;width:0;margin-left: 38px;}
#header .nav .nav-menu-wrap>li.brand-zone .brand-wrap {display:none; position:absolute; width:160px; background:#fff; z-index: 5; left: 16px; top: 38px; box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15); padding:14px;}
#header .nav .nav-menu-wrap>li.brand-zone:hover .brand-wrap {display:block;}
#header .nav .nav-menu-wrap>li.brand-zone .brand-wrap .brand {display:flex; display:-ms-flexbox; display:-webkit-flex; width:100%; height:70px; border-radius: 4px; font-size:14px; font-weight:500; flex-direction: column; justify-content: center; align-items: center; color:#222; background:#f7f7f7; border:1px solid #f1f1f1;}
#header .nav .nav-menu-wrap>li.brand-zone .brand-wrap .brand + .brand {margin-top:10px;}
#header .nav .nav-menu-wrap>li.brand-zone .brand-wrap .brand .logo {display:block; width:76px; height:22px; margin-bottom:4px;}
#header .nav .nav-menu-wrap>li.brand-zone .brand-wrap .brand.MS .logo {width:80px; height:26px;}
#header .nav .nav-menu-wrap>li.brand-zone .brand-wrap .brand .logo img {width:100%; height:100%; object-fit: contain;}
.seesawDC_flag_wrap{position: absolute;bottom: 0;right: 0;width: 56px;}
.seesawDC_flag{display: inline-block;position: absolute;text-align: center;background: #5c0f8b;width: 60px;color: white;top: -56px;left: 50%;border-radius: 5px;font-size: 13px; font-weight:500; transform: translateX(-50%);line-height: 18px;height: 18px;}
.seesawDC_flag::after{top:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; border-top-color: #5c0f8b; border-width: 4px; margin-left: -4px;}
.seesawDC_flag-fixed {display:inline-block;position:absolute;text-align:center;background:#5c0f8b;width:60px;color:white;padding:3px 0;bottom: -12px;left: 50%;border-radius:5px;font-size:13px;transform: translateX(-50%);}
.seesawDC_flag-fixed::after{bottom:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; border-bottom-color: #5c0f8b; border-width: 4px; margin-left: -4px;}

/* s : 김수연 카테고리 광고 영역 수정 및 추가_2002 */
.all-cate-top-wrap {display:none;/* position:relative; */position:absolute;top:1px; width:1100px; height:auto;/* 480px */;z-index:10;/* border-right:1px solid #ddd; */}
.all-cate-top-wrap.on {display:block;}
.lnb-list-wrap{display:inline-block;width: 214px;height:480px;background:#333;float:left;}
.lnb-list-wrap li a {display:inline-block;width:100%;color:#eee;/*height:33px; line-height:33px;*/padding: 11px 26px 11px 26px;font-size:14px;border-left: 1px solid transparent;}
.lnb-list-wrap li.on a {background:#fff; color:#222;border-right:0; font-weight:500; border-left:1px solid #eaeaea;}
/* .lnb-list-wrap li:first-child a {height:35px; line-height:36px;} */
.lnb-sub-wrap {width: calc(100% - 214px);float:left;}
.lnb-sub-wrap .menu-wrap {display:block;background:#fff; background:url(../images/common/lnb_sub_line_bg.jpg); height: 480px;overflow-y: auto;position:relative;border-bottom: 1px solid #eee; border-right:1px solid #eee;}
.lnb-sub-wrap .menu-wrap > ul {display:block; overflow-y:auto; width:665px; height:100%;
    /* IE */ scrollbar-arrow-color:#ddd; scrollbar-face-color:#ddd; scrollbar-highlight-color:#ddd; scrollbar-shadow-color:#ddd; scrollbar-track-color:#f4f4f4;}
.lnb-sub-wrap .menu-wrap > ul::-webkit-scrollbar {width:6px;}
.lnb-sub-wrap .menu-wrap > ul::-webkit-scrollbar-thumb {background-color:#ddd; border-radius:6px;}
.lnb-sub-wrap .menu-wrap > ul::-webkit-scrollbar-track {background-color:#f4f4f4;}
.lnb-sub-wrap .menu-wrap > ul::after {display:block; content:''; clear:both;}
.lnb-sub-wrap .menu-wrap > ul > li {display:block;float:left;width:calc(100%/3);padding: 20px 0 20px 24px;}
.lnb-sub-wrap .menu-wrap > ul > li:nth-of-type(3n+1) {clear:both;}
.lnb-sub-wrap .menu-wrap dl dt {font-size:16px; font-weight:700; color:#222;}
.lnb-sub-wrap .menu-wrap dl dd ul {display:block;padding:10px 0 0 0;}
.lnb-sub-wrap .menu-wrap dl dd ul li + li {margin-top:5px;}
.lnb-sub-wrap .menu-wrap dl dd a {font-size:14px;color:#808080;}
.lnb-sub-wrap .menu-wrap dl dd a:hover {color:#5c0f8b; text-decoration:underline }
.lnb-sub-wrap .menu-wrap .cate-banner-wrap {width: 221px;/* background:lightgray; */position:absolute;bottom: 1px; right:0px;text-align: center;}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap a {display: inline-block;width: 184px;/* margin-left: 0; *//* margin-right: 0; */}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-title-wrap {text-align: left;}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-title-wrap .btn-more {cursor: pointer;color: #5c0f8b;font-size: 13px;margin-bottom: 15px;border-bottom: 1px solid #5c0f8b;}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-title-wrap .btn-more span {margin-bottom: 3px;margin-left: 2px;}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-title-wrap h2 {font-size: 22px;font-weight: 700;margin-bottom: 18px;font-stretch: ultra-condensed;letter-spacing: -1px;color: black;/* padding-left: 13px; */}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-title-wrap p {font-size: 14px;margin-bottom: 38px;color: #666;font-weight: 300;font-stretch: condensed;}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-img-wrap img {width: 184px;height: 184px;}
.lnb-sub-wrap .menu-wrap .cate-banner-wrap .banner-img-wrap {margin-bottom: 17px;display: inline-block;margin-left: 0;margin-right: 0; border:0;}

/* e : 김수연 카테고리 광고 영역 수정 및 추가_2002 */

/* scroll layout */
#header .nav.fixed {display:block;position:fixed;top:-100px;left:0;border-bottom:1px solid #ddd; border-top:0; width:100%;z-index:10;-webkit-transition:top 0.4s ease-out;transition:top 0.4s ease-out; background:#fff;}
#header .nav.fixed .nav-menu-wrap>li:first-child {border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
#header .nav.fixed .nav-menu-wrap>li>a {line-height:45px;}
html.fixed #header .nav.fixed {top:0;-webkit-transition:top 0.2s ease-out;transition:top 0.2s ease-out; z-index: 11;}
html.fixed .all-cate-top-wrap {width:1100px;position:fixed;top:46px;}
.fixed-search-wrap {display:block;position:absolute;top:50%; transform:translateY(-50%); right:0; width: 234px;height:36px;background:url(../images/common/fixed_search_bg.png) no-repeat;overflow:hidden;}
.fixed-search-wrap input {width: 159px;height:inherit;border:none;float:left;padding:5px 0;background:transparent;margin-left:25px;color:#222;font-family:"Noto", "Dotum", "Arial", "self";font-weight:400;font-size:13px;}
.fixed-search-wrap input::placeholder {color:#989898;font-family:"Noto", "Dotum", "Arial", "self";font-weight:400;font-size:12px;}
.fixed-search-wrap button {width: 50px;height:inherit;text-indent:-10000px;background: none;float:left;cursor:pointer;}


#container {position:relative;border-top:1px solid #ddd;}

/* #footer {background:#808080;margin-top:60px;}190410_수연:margin-top:100 -> 60
#footer .btn-footer {display:inline-block;width:85px;line-height:15px;border:1px solid #d7d7d7;color:#d7d7d7;text-align:center;margin-left:10px; font-size:12px; }190410_수연 */

/*20200108 조지연_수정*/
#footer {margin-top: 60px; background:#383838;}
#footer .btn-footer {display: inline-block; line-height: 15px; border: 1px solid #919191; color: #919191; text-align: center; margin-left: 4px; font-size: 11px; padding: 0 4px 1px 2px; cursor: pointer;}
#footer .footer-top {border-bottom:1px solid #6c6c6c;}
#footer .footer-top ul>li {float:left;}
#footer .footer-top ul>li:before {content:'';height:9px;display:inline-block;vertical-align:baseline;border-left:#717171 1px solid;margin:0 50px;position:relative;top:1px;}/*190410_수연*/
#footer .footer-top ul>li:first-child:before {display:none;}
#footer .footer-top ul>li>a {color:#d4d4d4;line-height:44px;}
#footer .footer-top .partner_btn a {color:#ffda00;}/*190410_수연추가*/
#footer .footer-top .center-wrap>a {float:right;line-height:44px;color:#fff;}
#footer .footer-top .center-wrap
#footer .footer-bottom {position:relative;}
#footer .footer-bottom h2 {position:absolute; top:20px;}
#footer .footer-bottom .right {padding:30px 0 20px;  margin-left:208px;}
/*20200108 조지연_추가*/
#footer .footer-bottom .center-wrap>div>h2>img {opacity:0.5;}
#footer .footer-bottom .center-wrap .footer-contents::after {content:''; display: table; clear: both;}
#footer .footer-bottom .center-wrap .footer-contents div {float:left}
#footer .footer-bottom .center-wrap .footer-contents .right:nth-child(2){margin-left:186px;}
#footer .footer-bottom .center-wrap .footer-contents .footer-title {margin-top:0; color:#d7d7d7;}
#footer .footer-bottom .center-wrap .footer-contents .cs-btn {display:inline-block; margin-top:15px; padding:9px 15px; color:#919191; border:1px solid #919191; box-sizing:border-box; font-size:13px;}
#footer .footer-bottom .center-wrap .footer-contents p {margin:0; margin-top:15px; line-height: 21px; font-size:14px; color:#919191;}
#footer .footer-bottom .center-wrap .footer-contents table {width: auto; border:none; margin-top:12px;}
#footer .footer-bottom .center-wrap .footer-contents table td {padding:0; margin:0; vertical-align:middle;}
#footer .footer-bottom .center-wrap .footer-contents table td span{font-size:12px; color:#6d6d6d; line-height: 16px;}
#footer .footer-bottom .center-wrap .footer-contents .cs-center p span {display: block; margin-bottom: 10px; font-size:25px; font-weight:600; color:#d7d7d7;}
#footer .footer-bottom .center-wrap .footer-contents .cs-center .app-down {float:none;}
#footer .footer-bottom .center-wrap .footer-contents .cs-center .footer-sns a + a {margin-left:4px;}
#footer .footer-bottom .center-wrap .footer-contents .cs-center .footer-sns a img {width:22px;}
#footer .footer-bottom .footer-copy-wrap {border-top:1px solid #454545; padding:20px 0 30px!important; text-align:left;}
#footer .footer-bottom .footer-copy-wrap div {margin-left:208px;}
#footer .footer-bottom .footer-copy-wrap div:nth-child(2) {margin-left:164px;}
#footer .footer-bottom .footer-copy-wrap .txt-footerinfo {color: #d7d7d7 !important;}
#footer .footer-bottom .footer-copy-wrap .txt-copyright {color: #707070 !important; font-size: 12px;margin-top: 5px;}

/* s : 김수연 오른쪽 네비 변경 */
/* #footer .right-quick-wrap {
    position:fixed;
    background:url(../images/common/right_quick_shadow.png) repeat-y;
    top: 21%;
    right:0;
    width: 110px;
     height:100%;
    z-index:10;
    -webkit-transition: top 0.5s ease-out;
    transition: top 0.5s ease-out;
} */
#footer .right-quick-wrap {display:block; position: fixed; top: 242px;  left:50%; margin-left:578px; width: 100px; border:1px solid #eaeaea; z-index:10; background:#fff;}
#footer .right-quick-wrap.fixed {top: 200px;}
/* #footer .right-quick-wrap.on {opacity:1; transition:opacity 1s;}  */
/* #footer .right-quick-wrap { display:none; position:absolute; top: 0px; right: -145px; width: 110px; z-index:10; opacity:1; transition:opacity 1s;}*/

/* #footer .right-quick-wrap .quick-inner-wrap {width:110px; height:100%; background:#fff;border: 1px solid #ddd;border-right: 0px;position: relative;} */
#footer .right-quick-wrap .recently-goods-wrap {width:100%;text-align:center;padding: 10px 0px; border-bottom:1px solid #eaeaea;}
#footer .right-quick-wrap .recently-goods-wrap #recently-no-item {display:block;width:70px;height:70px;border: 1px solid #ddd;margin: auto;font-size: 11px;color: #999;padding-top: 22px;}
#footer .right-quick-wrap .recently-goods-wrap #quick-slide-wrap{max-height:148px; overflow-y:hidden;}
#footer .right-quick-wrap .recently-goods-wrap dl dt {font-size:13px; line-height: 18px;margin-bottom:6px; color:#222; font-weight:500;}
#footer .right-quick-wrap .recently-goods-wrap ul {display:block;position:relative;width:100px;height:auto;max-height: 185px;}
/* #footer .right-quick-wrap .recently-goods-wrap ul li {display:block;width:100%;background:#fff;overflow-y: hidden; height: 145px;} */
#footer .right-quick-wrap .recently-goods-wrap ul li a {display:inline-block;width: 70px;height: 70px;border:1px solid #ddd;overflow:hidden;}
#footer .right-quick-wrap .recently-goods-wrap ul li a img {width:100%;height:100%; object-fit:contain;}
#footer .right-quick-wrap .recently-goods-wrap ul li a + a {margin-top: 5px;}
#footer .right-quick-wrap .recently-goods-wrap .slide-page-nav {margin-top:10px;text-align:center;}
#footer .right-quick-wrap .recently-goods-wrap .slide-page-nav a {width:6px;height:6px;}
#footer .right-quick-wrap .recently-goods-wrap .quick-btn-wrap {margin-top: 6px;}
#footer .right-quick-wrap .recently-goods-wrap .quick-btn-wrap .btn-prev {margin-right:5px;}
#footer .right-quick-wrap .recently-goods-wrap .quick-btn-wrap .btn-prev span {width: 16px;height: 16px;background: url(../images/common/prev-next-icon.png) 0px -52px;}
#footer .right-quick-wrap .recently-goods-wrap .quick-btn-wrap .btn-next span {width: 16px;height: 16px;background: url(../images/common/prev-next-icon.png) -17px -52px;}
#footer .right-quick-wrap .quick-link-wrap {/* padding-top: 10px; */}
#footer .right-quick-wrap .quick-link-wrap ul {display:block;/* border-top:1px solid #ddd; */}
#footer .right-quick-wrap .quick-link-wrap li {display:block;border-bottom:1px solid #eaeaea;}
#footer .right-quick-wrap .quick-link-wrap li a {display:block;width:100%;text-align: center;text-decoration:none; padding:10px 0px; color:#222; font-weight:500; font-size:13px;}
#footer .right-quick-wrap .quick-link-wrap li .icon-box {width:100px; height:28px; display:table-cell; vertical-align: middle;}
#footer .right-quick-wrap .quick-link-wrap li div:nth-child(2){margin-top:6px;}
#footer .right-quick-wrap .quick-link-wrap li:nth-child(3) {text-align: center;}
#footer .right-quick-wrap .quick-link-wrap li:nth-child(3) a{display:inline-block; width:auto;}
#footer .right-quick-wrap .quick-link-wrap li:nth-child(3) span{float:left;}
#footer .right-quick-wrap .quick-link-wrap li:nth-child(3) span + span{margin-left:5px;}
/* s : 김수연 오른쪽 네비 배너 */
#footer .right-quick-wrap .right-quick-banner {width: 90px;/* background:lightblue; */margin:0px auto 10px;}
#footer .right-quick-wrap .right-quick-banner img {width: 90px;}
/* e : 김수연 오른쪽 네비 배너 */
#footer .right-quick-wrap .bottom-nav-wrap {width:100%;text-align:center;position: relative;}
#footer .right-quick-wrap .bottom-nav-wrap .btn-quick-up [class^=ico-][class*=btn-up] {width:24px;height:26px;background-position:-256px -150px;}
#footer .right-quick-wrap .bottom-nav-wrap .btn-quick-down [class^=ico-][class*=btn-up] {width:24px;height:25px;background-position:-256px -119px;}
#footer .right-quick-wrap .bottom-nav-wrap > [class*=btn] {display:block;width:100%;font-size: 13px;color:#222;padding: 8px 0;}
#footer .right-quick-wrap .bottom-nav-wrap > [class*=btn] + [class*=btn] {margin-top:10px;}
#footer .right-quick-wrap .bottom-nav-wrap > [class*=btn] span:nth-child(1) {/* float:left; */transform:rotate(-90deg); margin-bottom:3px;}
#footer .right-quick-wrap .bottom-nav-wrap > [class*=btn] span:nth-child(2) {margin-left:10px;}
#footer .right-quick-wrap .bottom-nav-wrap > a {display:block;margin-top:20px;height: 158px;width: 90px;display: block;background: url(../images/common/right_quick_kakao.png);margin: auto;margin-bottom: 10px;} /* 200326_김수연 오른쪽 네비 수정 */
#footer .right-quick-wrap .quick-btn {display:block;width: 22px;height: 22px;background:#fff;position: absolute;top: -27px;right: 0px;border: 1px solid #eaeaea;border-radius: 10px;}
#footer .right-quick-wrap .quick-btn:before {content:'';display:block;width: 10px;height: 10px;background: url(../images/common/icon_sprite.png) no-repeat  -176px -220px;position:absolute;top: 6px;left: 6px;}
#footer .right-quick-wrap.close { width: 62px; left:auto; right:15px; }
#footer .right-quick-wrap.close .quick-inner-wrap {width:60px;/* height:100%; */background:#fff;position: relative;right: 0px;}
#footer .right-quick-wrap.close .quick-btn:before {background-position: -168px -220px;}
#footer .right-quick-wrap.close .quick-link-wrap li a div {font-size:12px;}
#footer .right-quick-wrap.close .quick-link-wrap li .icon-box {width:60px; height:22px;}
#footer .right-quick-wrap.close .quick-link-wrap li .ico2-login{width:20px; height:19px; background-position:-115px -284px;}
#footer .right-quick-wrap.close .quick-link-wrap li .ico2-basket{width:22px; height:21px; background-position:-138px -283px;}
#footer .right-quick-wrap.close .quick-link-wrap li .ico2-myOrder{width:24px;height:18px;background-position: -164px -286px;}
#footer .right-quick-wrap.close .quick-link-wrap li:nth-child(3) span:first-child{display:none;}
#footer .right-quick-wrap.close .quick-link-wrap li:nth-child(3) span + span{margin-left:0; font-size:12px;}
#footer .right-quick-wrap.close .recently-goods-wrap {overflow:hidden;padding-bottom: 10px;}
#footer .right-quick-wrap.close .recently-goods-wrap dl dt {width: 45px;font-size: 12px;font-weight: 500;overflow: hidden;margin: auto;line-height: 16px;}
#footer .right-quick-wrap.close .recently-goods-wrap #recently-no-item {display: none!important;}
#footer .right-quick-wrap.close .recently-goods-wrap #whole-slide-wrap {display:none!important;}
#footer .right-quick-wrap.close .right-quick-banner {display:none;}
#footer .right-quick-wrap.close .bottom-nav-wrap .txt-bold {margin-left: 2px;font-weight: 500!important;}
#footer .right-quick-wrap.close .bottom-nav-wrap > [class*=btn] span:nth-child(2) {margin-left:5px; font-size:13px;}
#footer .right-quick-wrap .brand-zone {padding:12px 0; text-align:center; border-bottom:1px solid #eee;}
#footer .right-quick-wrap .brand-zone .tit {margin-bottom:8px; color:#222; font-weight:700; font-size:13px;}
#footer .right-quick-wrap .brand-zone .brand-logo {width:100%;overflow:hidden;}
#footer .right-quick-wrap .brand-zone .brand-logo .owl-stage{height:34px; overflow:hidden;}
#footer .right-quick-wrap .brand-zone .brand-logo .owl-item{width:98px!important;}
#footer .right-quick-wrap .brand-zone .brand-logo .owl-item > div{background:#fff;}
#footer .right-quick-wrap .brand-zone .brand-logo a img {width:auto; max-width:70px; height:100%; object-fit: contain; margin:auto; transform:translate3d(0,0,0)}
#footer .right-quick-wrap .brand-zone .brand-logo .owl-nav {margin-top:8px;}
#footer .right-quick-wrap .brand-zone .brand-logo .owl-nav > div {text-indent: -9999; display:inline-block; width:16px; height:16px; background:url(../images/common/prev-next-icon.png) 0px -52px;}
#footer .right-quick-wrap .brand-zone .brand-logo .owl-nav > div:nth-child(2) {background-position: -17px -52px; margin-left:5px;}
#footer .right-quick-wrap.close .brand-zone .tit {font-size:12px; margin-bottom:0; font-weight:700; cursor: pointer;}
#footer .right-quick-wrap.close .brand-zone .owl-stage-outer {display:none;}
#footer .right-quick-wrap.close .brand-zone .owl-nav {display:none;}
@media (max-width:1280px){
    #footer .right-quick-wrap.close {display:none!important;}
}
/* e : 김수연 오른쪽 네비 변경 */


/* common obj */
.contents .tit_typ_01 {display:block;color:#000;text-align:center;position:relative;/*height:45px;*/margin:0 auto;}/*190410_수연:height*/
.contents .tit_typ_01 .bdr-line {display:block;position:absolute;bottom:0;left:50%;margin-left:-15px;width:31px;height:3px;background:#000;}

.pointerIcon {cursor:pointer}

/*190410_수연: main-title*/
.contents .main-subtit {padding-top: 8px ; font-weight: 300;}

/* s : 김수연 노트북해상도 및 브라우저 높이 미디어쿼리 추가 */
@media screen and (max-height: 800px){
#footer .right-quick-wrap .bottom-nav-wrap > a {display:block;margin-top:20px;height: 50px;width: 90px;display: block;background: url(../images/common/right_quick_kakao.png);margin: auto;margin-bottom: 10px;background-position-y: 111px;}
}

/* ebt */
#header .nav .nav-menu-wrap>li.ebt {background:#394fe3;}
#header .nav .nav-menu-wrap>li.ebt a {color:#fff;}
/* ebt 상품리스트/이벤트,기획전 상품리스트 */
.goods-list-row-wrap.ebt .goods-info-wrap {padding:20px 0;}
.goods-list-row-wrap.ebt .goods-info-wrap .right-info {position:static; float:none; width:auto; height:auto; font-size:14px; font-weight:400;}
.goods-list-row-wrap.ebt .goods-info-wrap .right-info .pay-wrap .num {font-size:22px; font-weight:700;}
.goods-list-row-wrap.ebt .goods-info-wrap .right-info .btn-wrap {flex-direction: column; align-items: center; margin-top:0;}
.goods-list-row-wrap.ebt .goods-info-wrap .right-info .btn-wrap .btn-buying{background: #394fe3;color: #FFF; border:none; width:82px; height:32px; font-size:15px;}
.goods-list-row-wrap.ebt .goods-info-wrap .right-info .btn-wrap .btn-buying.btnSoldOut {background:#fff; color: #808080; border:1px solid #808080;}
.goods-list-row-wrap.ebt .goods-info-wrap .right-info .btn-wrap .btn-buying.btnCart {background:#fff; color: #394fe3; border:2px solid #394fe3;}
.goods-list-row-wrap.ebt {max-height: 900px; overflow-y:auto;}
.goods-list-row-wrap.ebt .tbl_type:first-child {position:sticky; top:0; z-index:1;}
.ebt .goods-label{display:inline-block;padding: 0px 6px;margin-left: 5px;color: #FFF;height: 22px;line-height: 20px;font-size: 12px;}
.ebt .goods-label.orange{background: rgb(220, 131, 67);}
.ebt .goods-label.brown{background: rgb(135, 116, 80);}
.ebt .goods-label.blue{background: rgb(108, 154, 208);}
.ebt-container .sub-search-wrap .bg-wrap {height:200px;background:url(../images/sub/list-top-bg.png) no-repeat;background-size:100% 231px;}
.ebt-container .sub-search-wrap .center-wrap {height:inherit;}
.ebt-container .sub-search-wrap h2.srchCateTit {font-weight:500;font-size:32px;padding:50px 0 0 0;}
.ebt-container .sub-search-wrap #srch_selCategory {padding:20px 0 15px; float:none;}
.ebt-container .sub-search-wrap .selectric-wrapper + .selectric-wrapper {margin-left:20px;}
.ebt-container .sub-search-wrap .selectric {width:352px;height:43px;border:1px solid #999;}
.ebt-container .sub-search-wrap .selectric .label {height:inherit;font-weight:500;font-size:18px;color:#000;line-height:41px; margin:0 38px 0 10px; padding:0;}
.ebt-container .sub-search-wrap .selectric .button {width:42px;height:42px;border:0; border-left:1px solid #999;}
.ebt-container .sub-search-wrap .selectric-open .selectric-items {width:352px!important; margin:0;}