@charset "UTF-8";


#topWrap2 { height: auto; }

caption { height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px; }
table { border-collapse: collapse; border-spacing: 0px; }

.wrap-tb {  }
.wrap-tb table { width: 100%; table-layout: fixed; }
.wrap-tb .name a { display: block; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wrap-tb .red { color: #fc5435; }
.wrap-tb.type01 { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; text-align: center; }
.wrap-tb.type01 thead th { background: #f5f5f5; }
.wrap-tb.type01 th { color: #444; font-size: 16px; line-height: 20px; }
.wrap-tb.type01 td { color: #282828; font-size: 14px; line-height: 18px; }
.wrap-tb.type01 td a { color: #282828; }
.wrap-tb.type01 td a:hover { text-decoration: underline; }
.wrap-tb.type01 th,
.wrap-tb.type01 td { padding: 10px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }

.btn-more.type01 { display: block; position: absolute; top: 0; right: 0; padding: 3px 25px 1px 15px; color: #272727; background: url('../../../images/cms/index/bl04.png') no-repeat 58px center; border: 1px solid #e6e6e6; }


/* topmenu */
.topCont { font-size: 14px; overflow: hidden; }
.navi_left { float: left;}
.navi_left .favo { background: url('/static-root/images/cms/index/icon_fa.png') 0 center no-repeat; padding-left:24px; }
.navi_left .favo a { color: #66a752; line-height: 40px; }
.navi_right strong { color: #66a752; font-weight: normal; }
.navi_right ul li.bright { padding: 0 10px; }
.navi_right a { position: relative; }
.navi_right .count { position: absolute; top: 8px; right: -15px; width: 14px; height: 14px; font-size: 12px; line-height: 14px; color: #282828; text-align: center; background: #edc24a; -webkit-border-radius: 50%; border-radius: 50%; }


/* schmenu */
.mainsearch { position: relative; height: auto; padding:0 0 30px 0; }
.mainsearch:after { display: block; content: ""; clear: both; }
.mainsearch h1 { padding: 0; width: auto; }
.sch_cont { position: relative; left: 50%; margin-top: 0; width: 400px; border-bottom: 2px solid #66a752; transform: translateX(-50%);  z-index: 99999;}
.sch_cont ul.sch { margin: 0 auto;}
.sch_cont .sch li.input { width: 90%; }
.sch_cont .sch li.input input { width: 100%; padding: 0; }
.sch_cont .sch li.btn { position: absolute; top: 0; right: 0; padding: 0; float: none; }
.sch_cont .sch li.btn a { display: block; padding-top: 8px; }
.seach_keyword ul {/* left: 20px; */ margin-top: 2px; margin-left: 0; width: 390px; }
.mainsearch h2 { position: absolute; top: 50%; right: 0; float: none; margin-top: -42px; }


/** maincategory **/
.category_con .allcategory a {display: block; width: 180px; line-height: 48px; color: #3F4254; font-size: 16px; font-weight:700; background: url('../../../images/cms/index/allcategory.png') left 20px center no-repeat; padding-left:50px;}

/** deptcategory **/
.sidebarmenu ul li a:hover { background-color: #3e7bea; }
.sidebarmenu ul { border-bottom: 0 none; }


/* 메인전체배경 롤링 이미지 */
.scroller-inner .teaser-header { height: 50px !important; bottom: 0; }
.scroller-inner .teaser-header ol { overflow: hidden; }
.scroller-inner .teaser-header ol li { width: 25% !important; border: 0 none; }
.scroller-inner .teaser-header ol li a { position: relative; }
.scroller-inner .teaser-header ol li a:after { display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -10px; width: 1px; height: 20px; background: #e7e7e7; }
.scroller-inner .teaser-header ol li:first-child a:after { display: none; }
.scroller-inner .teaser-header ol li a { color: #272727; line-height: 50px; background: #f7faff; filter: alpha(opacity=70); opacity: 0.75; }
.scroller-inner .teaser-header ol li a:hover { color: #272727; }
.scroller-inner .teaser-header li a.selected {opacity:1; background: #a6afbe; color:#fff; }
.scroller-inner .teaser-header li a.selected:after {display: none; }
.scroller-inner .teaser-header li a:hover.selected { color:#fff; }
.scroller-inner .teaser-header .col-02 li { width: 50% !important; }
.scroller-inner .teaser-header .col-03 li { width: 33% !important; }
.scroller-inner .teaser-header .col-03 li:first-child { width: 34% !important; }
.scroller-inner .teaser-header .col-04 li { width: 25% !important; }
.scroller-inner .teaser-header .col-05 li { width: 20% !important; }
.scroller-inner .window { padding-bottom: 50px; }
.scroller-inner .window ol.teaser-items { height: 403px; }
.scroller-inner .window ol.teaser-items li img { height: 403px !important; }


/** 인증별 제품현황 **/
.certification_box { margin-bottom: 0;}
.certification { overflow: hidden; }
.certification .progress_box {position: relative; width: 50%; height: 120px;-webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 40px 10px 120px;}
.certification .progress_box+.progress_box {margin-left: 20px;}
.certification .progress_box h3 { position: absolute; top: 40px; left: 0; width: 150px; font-size: 20px; line-height: 1; color: #3F4254; font-weight: 700; }
.certification .progress_box h3 span { font-size: 14px; line-height: 20px; color: #3F4254; font-weight: normal; }
.certification .progress_box .progress { display: flex; align-items: center; padding: 0; overflow: hidden; }
.certification .progress_box .progress > div { position: relative; padding: 0; text-align: center; margin: 0 12px; }
.certification .progress_box .progress > div::before {content: ""; display: block; width: 76px; height: 76px;}
.certification .progress_box .progress > div > span { display: inline-block; vertical-align: middle; color: #696969; margin-top: 5px; }
.certification .progress_box .progress > div > p { background: #F3F5F9; width: 180px; height: 76px; border-radius: 38px; display: flex; align-items: center; padding: 0 15px;}
.certification .progress_box .progress > div > p::before {content: ""; display: inline-block; vertical-align:middle; width: 36px; height: 36px;}
.certification .progress_box .progress > div > p span {font-size: 24px; font-weight: 500; display: inline-block; vertical-align: middle; width: 114px;}
.certification .progress_box .progress .ic01 { background: url('../../../images/cms/index/progress_box_ic01.png') no-repeat center 0; }
.certification .progress_box .progress .ic02 { background: url('../../../images/cms/index/progress_box_ic02.png') no-repeat center 0; }
.certification .progress_box .progress .ic03 { background: url('../../../images/cms/index/progress_box_ic03.png') no-repeat center 0; }
.certification .progress_box .progress .ic04 { background: url('../../../images/cms/index/progress_box_ic04.png') no-repeat center 0; }
.certification .progress_box .progress .ic01.now { background: url('../../../images/cms/index/progress_box_ic01_on.png') no-repeat center 0; cursor:pointer}
.certification .progress_box .progress .ic02.now { background: url('../../../images/cms/index/progress_box_ic02_on.png') no-repeat center 0; cursor:pointer}
.certification .progress_box .progress .ic03.now { background: url('../../../images/cms/index/progress_box_ic03_on.png') no-repeat center 0; cursor:pointer}
.certification .progress_box .progress .ic04.now { background: url('../../../images/cms/index/progress_box_ic04_on.png') no-repeat center 0; cursor:pointer}
.certification .progress_box .progress .ic05::before, .certification .progress_box .progress .ic06::before {display: none;}
.certification .progress_box .progress .ic05 > p::before {background: url('../../../images/cms/index/progress_box_ic05.png') no-repeat center 0;}
.certification .progress_box .progress .ic06 > p::before {background: url('../../../images/cms/index/progress_box_ic06.png') no-repeat center 0;}
.certification .progress_box .progress .ic05 > p span {color: #66A752;}
.certification .progress_box .progress .ic06 > p span {color: #EF4055;}
.certification .progress_box .progress .count0 { display: inline-block; vertical-align: middle; min-width:21px; height: 21px; line-height: 20px; text-align: center; background: #ea3e3e; -webkit-border-radius: 20px; border-radius: 20px; }
.certification .progress_box .progress .count0 a { color: #fff; font-size: 11px !important; }
.certification .progress_box .progress .count0 a:hover { text-decoration: none; }
.certification .etc_box { display: block !important; position: relative; padding: 0 !important; padding-left: 180px !important; width: 50% !important; height: 138px; float: left; background: #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box; }
.certification .etc_box h3 { position: absolute; top: 0; left: 0; padding-top: 42px; width: 180px; font-size: 20px; line-height: 24px; text-align: center; color: #444; font-weight: bold;}
.certification .etc_box h3 span { font-size: 16px; line-height: 20px; color: #b6b6b6; font-weight: normal; }
.certification .etc_box .count0 { font-weight: normal; }
.certification .etc_box .etc { margin-top: 10px; padding: 10px; width: auto; color: #9c9c9c; font-size: 17px; line-height: 21px; background: #fff; overflow: hidden; }
.certification .etc_box .etc a { color: #9c9c9c; }
.certification .etc_box .etc > div { margin-top: 5px; padding: 0; width: auto; }
.certification .etc_box .etc > div:first-child { margin-top: 0; }
.certification .etc_box .etc > div > span:first-child { display: inline-block; margin-left: 20px; padding-left: 10px; background: url('../../../images/cms/index/bl01.png') no-repeat 0 7px; }
.certification .etc_box .etc-top { margin-top: 16px; margin-bottom: 2px; padding: 10px; width: auto; background: #fff; text-align: right; font-size: 17px; line-height: 21px; color: #444; }
.certification .etc_box .etc-top .count0 a { color: #0068ac; font-size: 17px; line-height: 21px; }
.certification .etc_box .total-point { padding: 0 15px !important; height: 96px; text-align: center; }
.certification .etc_box .total-point p { padding: 7px 0 10px; font-size: 17px; color: #444; line-height: 21px; text-align: left; border-bottom: 2px solid #e9e9e9; background: url('../../../images/cms/common/arrow_totalpoint.gif') no-repeat right 7px; }
.certification .etc_box .total-point p b { font-weight: normal; color: #0068ac; }
.certification .etc_box .total-point .btn-more.type01 { display: inline-block; position: static; margin-top: 15px; color: #525252; font-size: 16px;     background: url('../../../images/cms/index/bl04.png') no-repeat 80px center;}
.certification .etc_box .total-point ul { margin-top: 11px; padding: 0; }
.certification .etc_box .total-point li { display: block; margin-top: 5px; padding-left: 10px; width: auto; color: #9c9c9c; font-size: 15px; line-height: 19px; text-align: left; background: url('../../../images/cms/index/bl01.png') no-repeat 0 7px; float: none; }
.certification .etc_box .total-point li:first-child { margin-top: 0; }


/* footer */
.footLink { border-top: solid 1px #D7DCE8; border-bottom: solid 1px #D7DCE8; }
.footLink ul { position: relative; width: 1150px; margin: 0 auto;}
.footLink ul li { display: inline-block; position: relative; float: none; }
.footLink ul li::before { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 14px; background: #ddd; margin: 0 30px;}
.footLink ul li:first-child:before { display: none; }
.footLink ul li a { display: inline-block; vertical-align: middle; padding: 17px 0; }
.footLink ul li b { color: #66a752; }
.footCont { padding: 25px 0 40px; color: #959595; font-size: 14px; background: #fff; }
.footCont ul { height: auto; overflow: hidden; }
.footCont ul li p { line-height: 22px; }
.footCont .f-card { width: 50%; float: left;}
.footCont .f-card p { margin-top: 5px; line-height: 16px; }
.footCont .f-card p:first-child { margin-top: 0; }
.footCont .f-biz { width: 50%; height: 36px; float: right; background: url('../../../images/home/admin/logo.png') right center no-repeat; background-size: contain;}
.footCont .f-biz p { padding-left: 190px; }


/* main common */
.wrap-type01 { position: relative; margin: 50px auto 0; width: 1150px; }
.tab-mn h2 {font-size: 24px; color:#3F4254; font-weight: 500;}
.tab-mn > ul { width: 100%; overflow: hidden; display: flex; }
.tab-mn > ul > li { flex: 1; text-align: center;}
.tab-mn > ul > li.on {border:0;}
.tab-mn > ul > li+li {margin-left: 1px; }
.tab-mn > ul > li > a { display: block; }

.tab-cont {  }
.tab-cont .cont { display: none; }
.tab-cont .cont.on { display: block; }
/*
.col-02,
.col-03,
.col-04,
.col-05 { width: 100%; overflow: hidden; }
*/
.col-02 li { width: 50%;}
.col-03 li { width: 33.3%;}
.col-04 li { width: 25%;}
.col-05 li { width: 20%;}

.goods-list { position: relative; }
.goods-list ul { width: 100%; overflow: hidden; display: flex; flex-wrap: wrap;}
.goods-list li { -webkit-box-sizing: border-box; box-sizing: border-box; }
.goods-list a { display: block; position: relative; }
.goods-list .flag { display: block; position: absolute; }
.goods-list .tumb { border: 1px solid #e6e6e6; }
.goods-list .tumb img { width: 100%; height: auto; }
.goods-list .name { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.goods-list .price {  }
.goods-list .price del { margin-right: 10px; color: #aaa; }
.goods-list .price span { color: #66A752; }
.goods-list .price em {  }
.goods-list .ic-area { margin-top: 10px; }
.goods-list .ic-area .bt { display: inline-block; padding: 4px; color: #fff; line-height: 1;}
.goods-list .ic-area .bt01 { background: #FF5C00; }
.goods-list .ic-area .bt02 { background: #0072cb; }
.goods-list .ic-area .bt03 { background: #0a9344; }
.goods-list .ic-area .bt04 { background: #66A752; }
.goods-list .ic-area .bt05 { background: #548235; }


.col-05 li a { margin: 20px 20px 20px 0; }
.col-05 li:nth-child(5n) a { margin: 20px 0; }
.goods-list.type01 .name { margin-top: 8px; color: #3F4254; font-size: 16px; font-weight: 700; line-height: 20px; max-height: 40px; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.goods-list.type01 .price { margin-top: 8px; }
.goods-list.type01 .price del { font-size: 16px; line-height: 20px; }
.goods-list.type01 .price span { font-size: 20px; font-weight: 700; line-height: 24px; }
.goods-list.type01 .price em { font-size: 16px; line-height: 20px; }
.goods-list.type01 .flag { top: 1px; left: 1px; width: 28px; height: 29px; color: #fff; font-size: 16px; line-height: 29px; text-align: center; background: url('../../../images/cms/index/flag01.png') no-repeat 0 0; }
.goods-list.type01 .ic-area .bt { font-size: 12px;}

.goods-list.type02 .name { margin-top: 10px; }
.goods-list.type02 .price { margin-top: 5px;}
.goods-list.type02 li { padding-left: 10px; padding-bottom: 10px; }
.goods-list.type02 li .name { font-size: 14px; line-height: 18px; }
.goods-list.type02 .ic-area .bt { font-size: 12px;}

.goods-list.type02 .goods-big { position: absolute; top: 0; left: 0; height: 100%; text-align: center; }
.goods-list.type02 .goods-big a { display: block; height: 100%; border: 1px solid #e7e7e7; background: #f6f6f6; }
.goods-list.type02 .goods-big .tit { color: #272727; font-size: 22px; line-height: 26px; }
.goods-list.type02 .goods-big .tumb { margin-top: 25px; }
.goods-list.type02 .goods-big .name { margin-top: 15px; color: #000; font-size: 18px; line-height: 22px; }
.goods-list.type02 .goods-big .price { font-size: 19px; line-height: 23px; }
.goods-list.type02 .goods-big .ic-area { margin-top: 20px; }
.goods-list.type02 .goods-big .ic-area .bt { font-size: 16px;}

.button { display: inline-block; }
.button a { display: block; text-align: center; }
.button.type01 { border: 1px solid #696969; background: #fff; }
.button.type01 a { color: #272727; font-size: 15px; line-height: 34px; }


/* BEST */
.product-best { margin-top: 40px; width: 1150px; }
.product-best .tab-mn.type01 { padding: 10px 0; text-align: center; }
.product-best .tab-mn.type01 li { margin-left: 20px; }
.product-best .tab-mn.type01 li:after { display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -7px; width: 1px; height: 14px; background: #999; }
.product-best .tab-mn.type01 li:first-child { margin-left: 0 }
.product-best .tab-mn.type01 li:first-child:after { display: none; }
.product-best .tab-mn.type01 li a { padding-left: 20px; color: #a5a5a5; font-size: 24px; line-height: 28px; }
.product-best .tab-mn.type01 li:first-child a { padding-left: 0 }
.product-best .tab-mn.type01 li.on a { color: #222; }

.product-best .tab-mn.type02 a { color: #3e3e3e; font-size: 16px; line-height: 44px; background: #E2E5EE; border:solid 1px #E2E5EE; border-radius: 8px 8px 0 0; }
.product-best .tab-mn.type02 li.on a,
.product-best .tab-mn.type02 a:hover { border:solid 1px #E2E5EE; background: #fff; color:#66A752; }
.product-best .btn-more.type01 { right: 10px; }


/* 띠배너 */
.line-banner { margin-top: 40px;}
.line-banner .wrap-type01 { height: 180px; border: solid 1px #D7DCE8;}
.line-banner img { position: absolute; bottom: 0; left: 0; }


/* 테마사은품 */
.thema-gift { margin-top: 60px; overflow: hidden; }
.wrap-thema-list { width: 238px; float: left; }
.wrap-thema-list h2 { color: #282828; font-size: 24px; line-height: 28px; }
.wrap-thema-list .comm { margin-top: 20px; color: #929191; font-size: 18px; line-height: 26px; }
.wrap-thema-list .thema-list { margin-top: 45px; }
.wrap-thema-list .thema-list li { margin-bottom: 10px; }
.wrap-thema-list .thema-list a { display: inline-block; padding: 0 14px; color: #fff; font-size: 16px; line-height: 28px; -webkit-border-radius: 14px; border-radius: 14px; background: #b6b6b6; }
.wrap-thema-list .thema-list li a:hover,
.wrap-thema-list .thema-list li.on a { background: #659de9; }

.thema-gift .goods-list.type02 { padding-left: 320px; width: 910px; float: right; height: 546px;}
.thema-gift .goods-list.type02 .goods-big { width: 310px; height: 546px;}
.thema-gift .goods-list.type02 .goods-big a { padding: 65px 30px 40px; }


/* 구매이력 */
.shopping-history {  }
.shopping-history h2 { margin-bottom: 20px; color: #282828; font-size: 24px; line-height: 28px; }
.shopping-history .btn-more.type01 { top: 8px }


/* 추천상품 */
.recommend-goods { margin-top: 55px; }
.recommend-goods h2 { font-size: 24px; color: #3F4254; font-weight: 500; line-height: 28px; text-align: center;}
.recommend-goods h2 span { margin-left: 10px; color: #666; font-size: 18px; line-height: 22px; }
.recommend-goods .goods-list.type02 { margin-top: 30px; padding-left: 360px; height: 546px;}
.recommend-goods .goods-list.type02 .goods-big { width: 350px; height: 546px;}
.recommend-goods .goods-list.type02 .goods-big a { padding: 65px 50px 40px; }


/* 배너모음 */
.banner-list { margin-top: 65px; width: 1170px; }
.banner-list li {  }
.banner-list li a { display: block; padding: 10px;}


/* 메인하단 - 고객의소리,공지사항, 1:1문의 */
.wrap-total-info { margin-top: 50px; display: flex; justify-content:space-between; }
.total-info { width: 360px; color: #696969; font-size: 14px; line-height: 20px; }
.total-info h2 { color: #3F4254; font-size: 16px; font-weight: 700; line-height: 30px; border-bottom: 2px solid #D7DCE8; padding-bottom: 6px;}
.total-info h2:before {content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 8px;}
.total-info.customer h2:before {background:url('../../../images/cms/index/ic_customer.png') no-repeat; background-size: 100%; }
.total-info.noti h2:before {background:url('../../../images/cms/index/ic_notice.png') no-repeat; background-size: 100%; }
.total-info.faq h2:before {background:url('../../../images/cms/index/ic_faq.png') no-repeat; background-size: 100%; }
.total-info .list { margin: 20px 0;}
.total-info .list li {ackground: url('../../../images/cms/index/bl02.png') no-repeat 0 7px; font-size: 14px; }
.total-info .list a {  }
.wrap-total-info .customer .wrap {text-align: left; margin: 30px 0;}
.wrap-total-info .customer p.phone {color: #66A752; font-size: 36px; font-weight: 700;}
.wrap-total-info .noti .btn-more.type01 { top: 0px; font-size: 14px; }
.wrap-total-info .noti .list li { margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wrap-total-info .faq .wrap { text-align: center; margin: 30px 0; }
.wrap-total-info .faq .button.type01 { width: 100%; border: solid 1px #D7DCE8; border-radius: 8px;}
.wrap-total-info .faq p { margin-bottom: 15px; }


/* quick menu */
#divQuick .quickmenu .tit_quick_cate { position: relative; }
#divQuick .quickmenu .tit_quick_cate .count { position: absolute; top: 10px; right: 5px; width: 16px; height: 16px; font-size: 12px; line-height: 18px; color: #fff; text-align: center; background: #66a752; -webkit-border-radius: 50%; border-radius: 50%; }
#divQuick .mgt_10 img { vertical-align: bottom; }

/* privacy */
.policy_text.type01 {  }
.policy_text.type01 p { margin-bottom: 5px; }
.policy_text.type01 h1 { padding: 0; font-size: 16px; margin-bottom: 10px; }
.policy_text.type01 .secbox { margin-top: 20px; }
.policy_text.type01 .list > li { margin-top: 10px; }
.policy_text.type01 .list > li > span { font-size: 10px; color:#111111;}
.policy_text.type01 .list-depth > li > span { font-size: 10px; color:#111111;}
.policy_text.type01 .list-depth { padding-left: 10px; }
.policy_text.type01 .list-depth li { margin-top: 5px; }
.policy_text.type01 table { margin-top: 5px; margin-bottom: 10px; width: 100%; border: 1px solid #ddd;}
.policy_text.type01 table th,
.policy_text.type01 table td { padding: 5px; border: 1px solid #ddd;}
.policy_text.type01 table th:first-child,
.policy_text.type01 table td:first-child { border-left: 0 none; }


/* 영업추진부 */
.business-best { /*margin: 0 !important;*/ margin-top: 20px;}
.wrap-type01 .topbn { margin-bottom: 20px; }
.wrap-type01 .topbn img { width: 100%; height: auto; }

.cate_pro_wrap{position:relative;margin-bottom:20px}
.cate_pro_wrap ul{border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;background:url(../../../images/cms/event/bg_cateEvent_rb.gif) 100% 100% no-repeat;*zoom:1}
.cate_pro_wrap ul:after{display:block;clear:both;content:''}
.cate_pro_wrap ul li{float:left;width:25%}
.cate_pro_wrap ul li a{overflow:hidden;display:block;padding:10px 20px;color:#585858;font-size: 12px;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;background:url('/images/biz/arrow_go.gif') 95% center no-repeat;font-family:dotum;line-height:18px;font-weight:bold}
.cate_pro_wrap.type01 ul li a { height: 36px; }

.promotion_tit_header{position:relative;margin-bottom:5px;padding:10px 0 15px;border-top:2px solid #8e8e8e;background:#f1f2f4}
.promotion_tit_header *{font-family:dotum}
.promotion_tit_header .tit{padding-left:10px;color:#555555;font-size:14px;font-weight:bold;}
.promotion_tit_header .btn_top_pro{display:inline-block;position:absolute;right:10px;top:10px;color:#01969c}

.promotion_prd_wrap{position:relative;margin-bottom:40px}
.promotion_prd_wrap .prdLst{background:url('../../../images/cms/event/bg_line.gif') 0 100% repeat-x}
.promotion_prd_wrap .prdLst li{*margin-left:-1px}

.prd_box a{cursor:pointer}
.prd_box > a{display:block}
.prd_box a span,.prd_box a strong{display:block; font-size:13px;font-family:dotum;color:#878585;box-sizing:border-box; margin-bottom: 1px;}
.prd_box .prd_img{padding:27px 0;text-align:center}
.prd_box .prd_img img {width:280px; border: 1px solid #ececec;}
.prd_box .prd_brand{overflow:hidden;height:23px;line-height:16px}/* 제휴몰 떡배달 추가 */
.prd_box .prd_code{border:1px solid #ccc; width:136px; padding:4px 6px; color:#888; margin: 0 0 2px 12px; border-radius:3px;}
.prd_box .prd_name{overflow:hidden;height:32px;line-height:16px}
.prd_box .org_price{overflow:hidden;height:16px;line-height:16px;text-decoration:line-through}
.prd_box .now_price{overflow:hidden;height:16px;line-height:16px; color:#333;}
.prd_box .site_price{overflow:hidden;height:16px;line-height:16px}
.prd_box .ico_box{display:inline-block;position:absolute;right:0;bottom:0}
.prd_box .ico_box .rank_num{display:inline-block;width:47px;height:26px;padding:28px 7px 0 0;background:url(../../../images/cms/sub/bg_rank.png) 0 0 no-repeat;color:#fff;text-align:right}
.prd_box .ico_box_tr{display:inline-block;position:absolute;right:-1px;top:-1px;width:28px}
.prd_box .ico_sl{display:inline-block; position:absolute; left:0; top:0;}
.prd_box .ico_sl .sl_num{display:inline-block;width:80px;height:80px;padding:0}
.prd_box .chek_box_tl{display:inline-block;position:absolute;left:14px;top:14px;width:13px}
.prd_box .btn { margin-left: 7px; }
.prd_box .prd_img .thumb { display: table; padding: 0; width: 280px; height: 280px; border: 1px solid #ececec; }
.prd_box .prd_img .thumb span { display: table-cell; padding: 0; width: 280px; height: 280px; text-align: center;vertical-align: middle; }
.prd_box .prd_img .thumb img { max-width: 280px; max-height: 280px; width: auto; border: 0 none; }

.prdLst > ul{position:relative;*zoom:1}
.prdLst > ul:after{display:block;clear:both;content:''}
.prdLst > ul > li{float:left;position:relative}
.prdLst .prd_box{position:relative;padding-bottom:10px}
.prdLst.prdLst_col4 > ul > li{width:25%}
.prdLst.prdLst_col3 > ul > li{width:33.3%}
.prdLst.prdLst_col3 > ul > li:first-child{width:33.4%}
.mainsearch .btn-howto { padding-top: 2px; margin-left: 18px; float: left; }

/* 2019-09-04 : 썸네일 이미지 */
.product-best .goods-list .tumb img { max-width: 212px; max-height: 212px; }

.thema-gift .goods-list .tumb { width: 186px; height: 186px; }
.thema-gift .goods-list .tumb img { max-width: 184px; max-height: 184px; }

.thema-gift .goods-list .goods-big .tumb { width: 248px; height: 248px; }
.thema-gift .goods-list .goods-big .tumb img { max-width: 246px; max-height: 246px; }

.recommend-goods .goods-list .tumb { width: 187px; height: 187px; }
.recommend-goods .goods-list .tumb img { max-width: 185px; max-height: 185px; }

.recommend-goods .goods-list .goods-big .tumb { width: 248px; height: 248px; }
.recommend-goods .goods-list .goods-big .tumb img { max-width: 246px; max-height: 246px; }

/* 2019-10-14 : 모바일 쿠폰 */
.mypage .contWrap.coupon_new {color: #3b3b3b; font-size: 14px; }
.mypage .contWrap.coupon_new h3 {font-size: 17px; margin-top: 20px;}
.mypage .contWrap.coupon_new table {width: 100%;}
.mypage .contWrap.coupon_new table th, 
.mypage .contWrap.coupon_new table td {border: 1px solid #bbb; font-weight: normal; padding: 2px 0;}
.mypage .contWrap.coupon_new table th {background: #ebebeb;	border-top: 2px solid #000; font-weight: bold;}
.mypage .contWrap.coupon_new table td strong.c_red {color: #fa4747;}
.mypage .contWrap.coupon_new table.coupon_prdt td {overflow: hidden; text-align: center;}
.mypage .contWrap.coupon_new table.coupon_prdt td.prdt_img {position: relative; padding-left: 150px; height: 130px; text-align: left;}
.mypage .contWrap.coupon_new table.coupon_prdt td.prdt_img div {position: absolute; top: 10px; left: 30px; height: 110px; width: 106px; background: #ddd; overflow: hidden;}
.mypage .contWrap.coupon_new table.coupon_prdt td.prdt_img div img{height: 110px; width: 106px;}
.mypage .contWrap.coupon_new table.coupon_send {border-top: 2px solid #000;}
.mypage .contWrap.coupon_new table.coupon_send th,
.mypage .contWrap.coupon_new table.coupon_send td {border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; font-weight: normal; padding: 15px; border-left: none; border-right: none;}
.mypage .contWrap.coupon_new table.coupon_send th {font-weight: bold; border-right: 1px solid #bbb; background: #ebebeb;}
.mypage .contWrap.coupon_new table.coupon_send td {padding: 10px;}
.mypage .contWrap.coupon_new table.coupon_send th label {}
.mypage .contWrap.coupon_new table.coupon_send th .c_red {color: #fa4747;}
.mypage .contWrap.coupon_new table.coupon_send td input {width: 100%;}
.mypage .contWrap.coupon_new table.coupon_send td textarea {padding: 6px 5px;}
.mypage .contWrap.coupon_new table.coupon_send td p {margin-top: 8px;}
ul.tabs {margin: 0;	padding: 0; float: left;list-style: none; height: 40px; width: 100%;}
ul.tabs li {float: left; text-align: center; cursor: pointer; width: 150px; height: 40px; line-height: 40px; border: 1px solid #bbbbbb; overflow: hidden; position: relative; font-size: 15px; border-bottom: none;}
ul.tabs li:first-child {border-right: none;}
ul.tabs li.active {background: #3BBA71; color: #fff; font-weight: bold;}
.tab_container {clear: both;}
.tab_content {padding: 5px; font-size: 12px; display: none; height: 274px;}
.tab_container .tab_content ul {width: 100%; margin: 0px; padding: 0px; width: 50%; float: left;}
.tab_container .tab_content ul li {padding: 8px 10px; list-style: none; width: 100%;}
.btn_area {overflow: hidden; text-align: center; padding: 50px 0;}
.btn_area a {display: inline-block; width: 168px; height: 42px;	line-height: 42px; text-align: center; font-size: 20px; color: #fff; background-color: #b6b6b6; margin: 0 18px;}
.btn_area a.btn_send {background-color: #3BBA71;}
ul.contact_list {}
ul.contact_list li {}
ul.contact_list li span {font-size: 14px; font-weight: bold; margin-right: 4px;}
ul.contact_list li input {width: 270px; margin-right: 5px;}
ul.contact_list li input.inpt_name {text-align: center; width: 100px;}
ul.contact_list li a {background: url(../../../images/cms/contents/ico_delete.png) center center no-repeat; width: 11px; height: 11px; display: inline-block;}
div.note_txt {font-size: 14px; padding: 10px 0 3px 0; clear: both;}
div.note_txt.c_red {color: #fa4747;}
.agree_box {padding: 10px 0; font-size: 16px;}
.agree_box input {margin: 0 5px 0 16px;}
.list_top {position: relative; font-size: 14px; height: 50px; line-height: 70px;}
.list_top a {position: absolute; background: #6d6d6d; color: #fff; padding: 3px 10px; line-height: 24px;}
.list_top a.note_btn {top: -42px; right: 0; font-weight: bold;}
.list_top a {top: 14px; right: 0;}
.list_top select {position: absolute; right: 0; top: 14px; width: 100px;}
.mypage .contWrap.coupon_new table.list_tbl {}
.mypage .contWrap.coupon_new table.list_tbl th {}
.mypage .contWrap.coupon_new table.list_tbl td {}
.list_scroll {overflow-y: auto; max-height: 678px;}
.mypage .contWrap.coupon_new .list_scroll table th {font-size: 14px;}
a.btn_delete {background: #6d6d6d; color: #fff; padding: 2px 12px; font-size: 10px;}
.coupon_popup {display:none; position: fixed; z-index: 500; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); overflow: auto;}
.coupon_popup .coupon_popup_cont{background-color: #fefefe; margin:2% auto; padding: 0; border:1px solid #888; width:1000px; height:720px; overflow:auto; margin:5% auto; border: 1px solid #888;}
.coupon_popup_cont .pop_title {background: #3BBA71; padding: 20px; color: #fff; font-size: 23px;	position: relative;}
.coupon_popup_cont .pop_title a {background: url(../../../images/cms/contents/ico_delete_big.png) 50% 50% no-repeat; width: 34px; height: 34px; display: block; position: absolute; top: 12px;right: 15px;}
.coupon_popup_cont .pop_content {padding: 20px; overflow: hidden;}
.coupon_popup_cont .pop_content .list_left {width: 40%; float: left; text-align: center;}
.coupon_popup_cont .pop_content p.list_count {padding: 8px 0 6px 612px; font-weight: bold; font-size: 16px;}
.coupon_popup_cont .pop_content .list_right {width: 53%; float: right; text-align: center;}
.coupon_popup_cont .pop_content .table_scroll { /* overflow-y: scroll; */ height: 505px; border: 1px solid #ddd;}
.coupon_popup_cont .pop_content .table_scroll2 { overflow-y: scroll; height: 505px; border: 1px solid #ddd;}
.coupon_popup_cont .pop_content table tr.top th,
.coupon_popup_cont .pop_content table tr.top td {background: #ebebeb; font-weight: bold;}
.coupon_popup_cont .pop_content .list_left table tr.top th,
.coupon_popup_cont .pop_content .list_left table tr.top td {border-bottom-color: #ddd;}
.coupon_popup_cont .pop_content .list_left table th,
.coupon_popup_cont .pop_content .list_left table td {border-color: #fff;}
.coupon_popup_cont .pop_content .list_left textarea {box-sizing:border-box; width:100%; height:503px; padding:5px;}
.coupon_popup_cont .pop_content table {margin-top: -1px;}
.coupon_popup_cont .pop_content table {width: 100%;}
.coupon_popup_cont .pop_content table th {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-left: none; font-size: 12px;}
.coupon_popup_cont .pop_content table td {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-right: none; font-size: 12px;}
.coupon_popup_cont .pop_content a {display: inline-block; background: #ebebeb; padding: 5px 10px; min-width: 120px; margin-top: 20px; font-size: 16px; font-weight: bold;}
.coupon_popup_cont .pop_content .list_right a {background: #3BBA71; color: #fff;}
.bg_dot {background: url(../../../images/cms/contents/bg_dot.png) right top repeat-y; height: 505px; width: 414px;}

.coupon_new input::placeholder {color: #ccc;}
.coupon_new input::-ms-input-placeholder {color: #ccc;}
.coupon_new input:-ms-input-placeholder {color: #ccc;}

.coupon_new textarea::placeholder {color: #ccc;}
.coupon_new textarea::-ms-input-placeholder {color: #ccc;}
.coupon_new textarea:-ms-input-placeholder {color: #ccc;}

/* 장바구니  */
.delv_popup {display:none; position: fixed; z-index: 500; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); overflow: auto;}
.delv_popup .delv_popup_cont{background-color: #fefefe; margin:2% auto; padding: 0; border:1px solid #888; width:1000px; height:720px; overflow:auto; margin:5% auto; border: 1px solid #888;}
.delv_popup_cont .pop_title {background: #3BBA71; padding: 20px; color: #fff; font-size: 23px;	position: relative;}
.delv_popup_cont .pop_title a {background: url(../../../images/cms/contents/ico_delete_big.png) 50% 50% no-repeat; width: 34px; height: 34px; display: block; position: absolute; top: 12px;right: 15px;}
.delv_popup_cont .pop_content {padding: 20px; overflow: hidden;}
/* .delv_popup_cont .pop_content .list_left {width: 40%; float: left; text-align: center;} */
.delv_popup_cont .pop_content p.list_count {padding: 8px 0 6px 612px; font-weight: bold; font-size: 16px;}
/* .delv_popup_cont .pop_content .list_right {width: 53%; float: right; text-align: center;} */
/* .delv_popup_cont .pop_content .table_scroll { overflow-y: scroll; height: 505px; border: 1px solid #ddd;} */
.delv_popup_cont .pop_content .table_scroll2 { overflow-y: scroll; height: 505px; border: 1px solid #ddd;}
.delv_popup_cont .pop_content table tr.top th,
.delv_popup_cont .pop_content table tr.top td {background: #ebebeb; font-weight: bold;}
/* .delv_popup_cont .pop_content .list_left table tr.top th, */
/* .delv_popup_cont .pop_content .list_left table tr.top td {border-bottom-color: #ddd;} */
/* .delv_popup_cont .pop_content .list_left table th, */
/* .delv_popup_cont .pop_content .list_left table td {border-color: #fff;} */
/* .delv_popup_cont .pop_content .list_left textarea {box-sizing:border-box; width:100%; height:503px; padding:5px;} */
.delv_popup_cont .pop_content table {margin-top: -1px;}
.delv_popup_cont .pop_content table {width: 100%;}
.delv_popup_cont .pop_content table th {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-left: none; font-size: 12px;}
.delv_popup_cont .pop_content table td {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-right: none; font-size: 12px;}
/* .delv_popup_cont .pop_content a {display: inline-block; background: #ebebeb; padding: 5px 10px; min-width: 120px; margin-top: 20px; font-size: 16px; font-weight: bold;} */
/* .delv_popup_cont .pop_content .list_right a {background: #3BBA71; color: #fff;} */

/* 200218 명함신청 */
#ncInfo_popup .delv_popup_cont {height:910px; width: 1000px; margin: 1% auto 0;}
#cart .info2 dt {position:relative;padding-bottom: 3px;}
#cart .info2 dt a.btn_namecard {float:right; background: #0072cb; color: #fff; padding: 1px 8px; right: 20px; line-height: 16px; top: 0; font-weight: normal;}
/* .nc_tabs .steps {margin-bottom: 10px;} */
/* .nc_tabs .steps b {vertical-align: middle; display: inline-block; margin-right: 10px;color: #a2a2a2; } */
/* .nc_tabs .steps span {margin-right: 10px;color: #a2a2a2;display: inline-block;overflow: hidden;vertical-align: middle;} */
/* .nc_tabs .steps span.active {font-weight: bold;color: #362b36;} */
/* .nc_tabs .steps span b {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background-color: #a2a2a2;color: #fff;text-align: center;font-weight: normal;line-height: 1.7;font-size: 12px;margin-right: 6px;} */
/* .nc_tabs .steps span.active b {background-color: #0072cb; color: #fff;} */
.pop_content .steps {margin: 5px 0 5px 0;}
.pop_content .steps b {vertical-align: middle; display: inline-block; margin-right: 10px;color: #a2a2a2; }
.pop_content .steps span {margin-right: 10px;color: #a2a2a2;display: inline-block;overflow: hidden;vertical-align: middle;}
.pop_content .steps span.active {font-weight: bold;color: #362b36;}
.pop_content .steps span b {display: inline-block; /* width: 18px; */ height: 18px; border-radius: 3px; background-color: #a2a2a2; color: #fff; text-align: center; font-weight: normal; line-height: 1.7; font-size: 12px; margin-right: 6px; padding: 2px 7px;}
.pop_content .steps span.active b {background-color: #0072cb; color: #fff;}

.nc_tabs.ui-tabs .ui-tabs-panel {padding-bottom: 0; padding-top: 5px;}
.nc_content_wrap {overflow: hidden;}
.nc_content_wrap .nc_left_wrap {width: 49%;float: left;}
.nc_content_wrap .nc_right_wrap {width: 49%;float: right;}
.nc_left_wrap p, .nc_right_wrap p {padding: 0 0 2px 0;font-weight: bold; margin-bottom: 3px;}
.nc_scroll {height: 626px; padding-top: 10px; overflow-y: scroll; border: 1px solid #ddd;}
.nc_scroll ul {}
.nc_scroll ul li {margin-bottom: 10px;position: relative;padding: 0 30px 0 70px;}
.nc_scroll ul li input {position: absolute; top: 50%;left: 30px;margin-top: -6px;}
/* .nc_scroll ul li label {display: block;border: 1px solid #ddd;height: 140px;position: relative;overflow: hidden;box-sizing: border-box;} */
.nc_scroll ul li label {display: block; height: 195px; position: relative;overflow: hidden; box-sizing: border-box;}
.nc_scroll ul li label img {max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
/* .nc_preview {display: block;height: 100px;margin-bottom: 10px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;} */
.nc_preview {display: block; height: 195px; margin-bottom: 10px; position: relative; overflow: hidden; box-sizing:border-box;}
.nc_preview img {max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo {border: 1px solid #ddd;}
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo th {background: #f7f7f7; font-weight: bold; }
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo td {padding: 2px;}
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo td input {width: 100%;}
#frontPos {width:192px;}
.nc_full_wrap {clear: both;margin-top: 20px;padding-top: 30px;}
.nc_ipt_wrap {padding: 0 110px 0 0;position: relative;margin: 15px 0;}
.nc_ipt_wrap input[type="text"] {width: 100%;height: 42px;}
.nc_ipt_wrap a {position: absolute; top: 0;right: 0;}

#nc_popup1 {display: none; border: 1px solid #ddd; padding: .2em;}
#nc_popup2 {display: none; border: 1px solid #ddd; padding: .2em;}

.list_table tbody .info2 dt a.btn_namecard {float:right; background: #0072cb; color: #fff; padding: 1px 8px; right: 20px; line-height: 16px; top: 0; font-weight: normal;}
/* .ncOrdInfo table.tbl_addrInfo tbody {border: 1px solid #ddd;}                        */
/* .ncOrdInfo table.tbl_addrInfo tbody th {background: #f7f7f7; font-weight: bold; }    */
/* .ncOrdInfo table.tbl_addrInfo tbody td {padding: 2px;}                               */
/* .ncOrdInfo table.tbl_addrInfo tbody td input {width: 100%;}                          */
.reorder_wrap {position: absolute;top: 9px;right: 8px;}
.reorder_wrap a {display: inline-block;padding: 3px 12px;background: #404040;color: #fff !important;font-size: 14px;margin: 0 2px;}
.popup_sm_dim {display: block;    position: fixed;    z-index: 500;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgb(0,0,0);    background-color: rgba(0,0,0,0.4);    overflow: auto;}
.popup_sm_wrap {position:absolute;z-index:600;top:50%;left:50%;width:500px;margin-left:-250px;height: 340px;margin-top:-170px;background-color:#fff;border: 1px solid #cacaca;}
.popup_sm_title {background-color:#3BBA71;color:#fff;padding:10px;position: relative;font-size: 17px;}
.popup_sm_title a.btn_close {background: url(/static-root/images/cms/contents/ico_delete_big.png) 50% 50% no-repeat;width:20px;height:20px;display:block;overflow:hidden;text-indent:-9999em;top:10px;right:10px;position: absolute;}
.popup_sm_content {text-align: center;padding: 20px;}
.popup_sm_content p {padding: 80px 0 0;}
.popup_sm_content .btn_group {padding: 25px 0 0;}
.popup_sm_content ul li {display: table;table-layout: fixed;width: 100%;}
.popup_sm_content ul li span {display: table-cell;vertical-align: middle;padding: 8px 0;}
.popup_sm_content ul.tbl_header {padding-right:15px;background: #f5f5f5;border: 1px solid #ddd;}
.popup_sm_content ul.tbl_header li {}
.popup_sm_content ul.tbl_header li span {font-weight:bold;padding:12px 0;}
.popup_sm_content div.tbl_body {height: 141px;overflow-y: auto;border: 1px solid #ddd;}
.popup_sm_content div.tbl_body ul li {border-bottom: 1px solid #ddd;}