@charset "euc-kr";

/* Çì´õ */
header {position: fixed;top: 0;width: 100%;z-index: 110;}
.headerWrap {position: relative;background: #75529f;text-align: center;}
.headerWrap > h1 {padding: 9px 0;font-size: 0;}
.headerWrap > h1 a {display: inline-block;width: 170px;}
.headerWrap > h1 a img {width: 100%;}

/* Çì´õ ÁÖ¸Þ´º */
.headerWrap nav ul {display: flex;border-top: 1px solid #fff;}
.headerWrap nav ul li {flex: 1;}
.headerWrap nav ul li a {display: block;padding: 10px 0;border-left: 1px solid #fff;font-size: 13px;color: #fff;box-sizing: border-box;}
.headerWrap nav ul li:first-child a {border-left: none;}
.headerWrap nav ul li a.on,
.headerWrap nav ul li a:hover {background: #fff;font-weight: 800;color: #75529f;}

/* Çì´õ ¹öÆ° */
.headerWrap .btn_menu {position: absolute;top: 15px;left: 15px;width: 25px;height: 25px;background: url(../img/btn_menu.png) no-repeat center / 25px auto;font-size: 0;color: transparent;}
.headerWrap .btn_sch {position: absolute;top: 13px;right: 15px;width: 27px;height: 27px;background: url(../img/btn_sch.png) no-repeat center / 27px auto;font-size: 0;color: transparent;}

/* Çì´õ ¼­ºê¸Þ´º (Top_menu) */
.Top_menu {height: 32px;background-color: #fff;border-bottom: 2px solid #75529f;line-height: 32px;overflow: hidden;}
.Top_menu .variable {margin: 0 auto;width: calc(100% - 56px);height: 32px;}
.Top_menu .variable div {height: 32px;}

.Top_menu a {display: block;height: 32px;font-size: 11px;color: #727171;text-align: center;}
.Top_menu a:hover,
.Top_menu a.on {font-weight: 800;color: #75529f;}

.Top_menu > div.noSlide {display: flex;height: 32px;text-align: center;}
.Top_menu > div.noSlide a {flex: 1;margin-right: 0 !important;}

/* Top_menu ½½¶óÀÌµå °ü·Ã ½ºÅ¸ÀÏ */
.Top_menu .slick-prev {left: -23px;}
.Top_menu .slick-prev:before {background: url(/img/btn_arrow_left_1.png) no-repeat center / 15px auto;}

.Top_menu .slick-next {right: -27px;}
.Top_menu .slick-next:before {background: url(/img/btn_arrow_right_1.png) no-repeat center / 15px auto;}

.Top_menu .slick-prev,
.Top_menu .slick-next {top: 16px;}

.Top_menu .slick-prev:before,
.Top_menu .slick-next:before {content: '';display: block;width: 15px;height: 15px;}

/* ¸Þ´ºÃ¢ ¿µ¿ª */
.menuArea {position: fixed;top: 0;left: -85%;width: 84%; max-width:353px; height: 100%;background: #fff;overflow-y: auto;z-index: 110;}
.menuArea + div.cover {display: none;position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 109;opacity: 0;}
.menuArea + div.cover.on {display: block;}

/* ¸Þ´ºÃ¢ »ó´Ü ¹öÆ° ¿µ¿ª */
.menuArea .areaWrap {padding: 0 14px 100px;}
.menuArea .areaWrap:after {content: '';display: block;clear: both;}
.menuArea .areaWrap .btnArea {height: 39px;border-bottom: 2px solid #75529f;font-size: 0;line-height: 39px;}
.menuArea .areaWrap .btnArea .btn_close {margin: 0 0 0 5px;width: 26px;height: 26px;background: url(../img/btn_close.png) no-repeat center / 26px auto;font-size: 0;color: transparent;}
.menuArea .areaWrap .btnArea > div {float: right;}
.menuArea .areaWrap .btnArea > div a {margin: 0 0 0 16px;display: inline-block;font-weight: 800;font-size: 12px;color: #75529f;vertical-align: middle;}
.menuArea .areaWrap .btnArea > div .bookmark {width: 17px;height: 17px;background: url(../img/ico_bookmark.png) no-repeat center / 17px auto;font-size: 0;color: transparent;vertical-align: -1px;}
.menuArea .areaWrap .btnArea > div .login:after {content: '';display: inline-block;margin: 0 0 0 3px;width: 16px;height: 16px;background: url(../img/ico_login.png) no-repeat center / 16px auto;vertical-align: -4px;}

/* ¸Þ´ºÃ¢ ȸ¿ø ÇÁ·ÎÇÊ ¿µ¿ª */
.menuArea .areaWrap .profile > div {padding: 10px 0;border-bottom: 1px dashed #c4c5c3;font-size: 0;text-align: center;}
.menuArea .areaWrap .profile > div a {display: block;}
.menuArea .areaWrap .profile > div img {display: inline-block;width: 54px;}
.menuArea .areaWrap .profile > div div {display: inline-block;color: #363838;text-align: left;letter-spacing: -1px;vertical-align: middle;line-height: 17px;}
.menuArea .areaWrap .profile > div.before_login > a {font-size: 0;}
.menuArea .areaWrap .profile > div.before_login div {margin: 0 0 0 7px;width: 179px;font-size: 11px;}
.menuArea .areaWrap .profile > div.after_login div {margin: 0 0 0 12px;}
.menuArea .areaWrap .profile > div.after_login div {font-size: 18px;line-height: 1;}
.menuArea .areaWrap .profile > div.after_login div > a {display: inline-block;position: relative;font-size: 12px;color: #75529f;}
.menuArea .areaWrap .profile > div.after_login div > a:nth-of-type(2) {margin-left: 5px;}
.menuArea .areaWrap .profile > div.after_login div > a:after {content: '';position: absolute;left: 1px;bottom: -2px;width: 100%;height: 1px;background: #75529f;}
.menuArea .areaWrap .profile > div.after_login div > a em {font-weight: 700;font-size: 11px;color: #363838;}

/* ¸Þ´ºÃ¢ Áß¾Ó ¹öÆ° ¿µ¿ª */
.menuArea .areaWrap .btnArea_2 {padding: 14px 0;font-size: 0;text-align: center;}
.menuArea .areaWrap .btnArea_2 a {display: inline-block;margin: 0 2%;padding: 44px 0 4px;width: 29.33%;border-radius: 5px;font-size: 12px;color: #75529f;box-sizing: border-box;}
.menuArea .areaWrap .btnArea_2 a:nth-of-type(1) {background: url(../img/ico_mypage_2.png) no-repeat center 9px / 30px auto;background-color: #eae5f2;}
.menuArea .areaWrap .btnArea_2 a:nth-of-type(2) {background: url(../img/ico_delivery.png) no-repeat center -2px / 51px auto;background-color: #eae5f2;}
.menuArea .areaWrap .btnArea_2 a:nth-of-type(3) {background: url(../img/ico_recent_item.png) no-repeat center 3px / 39px auto;background-color: #eae5f2;}

/* ¸Þ´ºÃ¢ Ä«Å×°í¸® ¸®½ºÆ® */
.category {position: relative;height: 278px;}
.category > li {float: left;width: 50%;height: 25px;background: rgba(217,218,216,.5);border-radius: 8px 8px 0 0;font-size: 13px;color: #555755;text-align: center;line-height: 25px;}
.category > li.on {background: #75529f;color: #fff;}
.category > li ul {display: none;position: absolute;left: 0;width: 100%;border: 1px solid #c4c5c3;box-sizing: border-box;}
.category > li ul.on {display: block;}
.category > li ul li {float: left;width: 50%;height: 35px;border-top: 1px dashed #c4c5c3;line-height: 35px;}
.category > li ul li:hover {background: #eae5f2;}
.category > li ul li:nth-child(2n-1) {width: calc(50% - 1px);}
.category > li ul li:nth-child(2n) {border-left: 1px dashed #c4c5c3;}
.category > li ul li:first-child,
.category > li ul li:nth-child(2) {border-top: none;}
.category > li ul li.last {width: 100%;}
.category > li ul li a {display: block;font-size: 14px;color: #363838;}

/* ¸Þ´ºÃ¢ ¿¬¶ôó ¿µ¾÷½Ã°£ ¾È³» ¿µ¿ª */
.menuArea .areaWrap .tel_time {padding: 15px 0 0;border: none;}
.menuArea .areaWrap .tel_time > div:nth-of-type(1) span {font-size: 12px;}
.menuArea .areaWrap .tel_time > div:nth-of-type(1) strong {font-size: 27px;}
.menuArea .areaWrap .tel_time > div:nth-of-type(2) {letter-spacing: -1px;line-height: 15px;}

/* °Ë»öâ ¿µ¿ª */
.searchArea {display: none;position: fixed;top: 0;width: 100%;height: 100%;background: #f4f4f4;z-index: 120;overflow-y: auto;}
.searchArea .btn_close {display: block;margin: 25px 0 25px 17px;width: 28px;height: 28px;background: url(../img/btn_arrow_left_L_gray_2.png) no-repeat center / 28px auto;font-size: 0;color: transparent;}
.searchArea div.sch_box {position: relative;margin: 0 auto;width: 70%;}
.searchArea div.sch_box input {padding: 0 40px 0 20px;height: 45px;background: #fff;border: 2px solid #75529f;line-height: 100%;}
.searchArea div.sch_box button {position: absolute;right: 5px;top: 50%;width: 28px;height: 28px;background: url(../img/btn_sch_2.png) no-repeat center / 28px auto;font-size: 0;color: transparent;transform: translateY(-50%);}

/* °Ë»öâ Å°¿öµå ¿µ¿ª */
.searchArea div.keyword {margin: 20px auto;padding: 16px 0 6px;width: 79%;border-top: 1px solid #c4c5c3;border-bottom: 1px solid #c4c5c3;text-align: center;font-size: 0;}
.searchArea div.keyword span {display: inline-block;margin: 0 5px 10px;padding: 7px 10px;border: 1px solid #75529f;border-radius:17px;font-size: 15px;color: #75529f;letter-spacing: -1px;}

/* °Ë»öâ Ãßõ»óÇ° ¿µ¿ª */
.searchArea h2 {margin: 0 auto 12px;width: 70%;font-family:'NanumSquareRoundEB', sans-serif;font-size: 18px;color: #555755;line-height: 1;}
.searchArea .product_list_type_2 {margin: 0 auto 65px;width: 72%;}
.searchArea .product_list_type_2 li {margin: 0 0 5px;width: calc(50% - 2.5px);height: auto;}
.searchArea .product_list_type_2 li:nth-child(2n-1) {margin-right: 2.5px;}
.searchArea .product_list_type_2 li:nth-child(2n) {margin-left: 2.5px;}
.searchArea .product_list_type_2 li a span {border-top: none;}
.searchArea .product_list_type_2 li a span em {color: #75529f;}
.searchArea span.dc_rate {right: 2px;bottom: 29px;width: 20px;height: 20px;background: #a2c837;border-top: none;font-size: 9px;color: #fff;line-height: 20px;}
.searchArea span.dc_rate em {width: auto;font-size: 8px;color: #fff !important;vertical-align: 0px;}

/* ÆäÀÌÁö ¸ÞÀÎ ÄÁÅÙÃ÷ ¿µ¿ª */
main {padding: 123px 0 30px;}

/* ǪÅÍ */
footer {margin: 0 0 65px;padding: 10px 0 0;background: rgba(244,244,244,.5);}
footer.on {padding: 10px 0 34px;}
footer > div {margin: 0 18px;}
.tel_time {padding: 12px 0;border-top: 1px solid #b4b5b3;border-bottom: 1px solid #b4b5b3;font-size: 0;text-align: center;box-sizing: border-box;}
.tel_time > div {width: 50%;text-align: center;}
.tel_time > div:nth-of-type(1) {display: inline-block;font-size: 0;}
.tel_time > div:nth-of-type(1) span {font-weight: 800;font-size: 14px;color: #000;letter-spacing: -1px}
.tel_time > div:nth-of-type(1) span em {font-weight: 700;font-size: 12px;color: #75529f;vertical-align: 1px;}
.tel_time > div:nth-of-type(1) strong {display: block;padding: 0 5px 0 0;font-weight: 800;font-size: 30px;color: #75529f;letter-spacing: -4px;}
.tel_time > div:nth-of-type(2) {display: inline-block;font-size: 10px;color: #717170;line-height: 16px;}
.bank {font-size: 11px;color: #000;}
.bank p {padding: 15px 0 9px;font-weight: 800;}
.bank p span {color: #75529f;}
.bank ul li {float: left;margin: 0 0 6px;width: calc(50% - 6px);letter-spacing: -1px;}
.bank ul li:nth-child(2n-1) {margin-right: 3px;}
.bank ul li:nth-child(2n) {margin-left: 3px;}

.footer_btns {clear: both;margin: 14px 0 0;font-size: 0;}
.footer_btns .btn {display: inline-block;padding: 5px 0;width: 25%;background: #7f8180;border-right: 1px solid #fff;font-size: 11px;color: #fff;text-align: center;box-sizing: border-box;vertical-align: middle;}
.footer_btns .btn:nth-of-type(2) {letter-spacing: -1.5px;}
.footer_btns .btn:last-child {border-right: none;}
.address {margin: 0;padding: 9px 0;background: #bbbbb8;font-size: 10px;color: #fff;text-align: center;line-height: 15px;letter-spacing: -.5px;}
.address span {font-weight: 800;}

/* ǪÅÍ °íÁ¤ ¹öÆ°¹Ù */
.footer_btn_bar {position: fixed;bottom: 0;margin: 0;width: 100%;background: #fbfbfb;font-size: 0;z-index: 130;}
.footer_btn_bar a {display: inline-block;position: relative;width: 20%;height: 66px;font-weight: 800;font-size: 10px;color: #727171;text-align: center;background-repeat: no-repeat;background-position: center 7px;background-size: 37px auto;}
.footer_btn_bar a span {position: absolute;left: 50%;bottom: 7px;transform: translateX(-50%);width: 100%;}

.footer_btn_bar a:hover,
.footer_btn_bar a.on {color: #75529f;}

.footer_btn_bar a:nth-child(1) {background-image: url(../img/ico_phone.png);}
.footer_btn_bar a:nth-child(2) {background-image: url(../img/ico_event.png);}
.footer_btn_bar a:nth-child(3) {background-image: url(../img/ico_home.png);}
.footer_btn_bar a:nth-child(4) {background-image: url(../img/ico_cart.png);}
.footer_btn_bar a:nth-child(5) {background-image: url(../img/ico_mypage.png);}

.footer_btn_bar a:nth-child(1):hover,
.footer_btn_bar a:nth-child(1).on {background-image: url(../img/ico_phone_on.png);}
.footer_btn_bar a:nth-child(2):hover,
.footer_btn_bar a:nth-child(2).on {background-image: url(../img/ico_event_on.png);}
.footer_btn_bar a:nth-child(3):hover,
.footer_btn_bar a:nth-child(3).on {background-image: url(../img/ico_home_on.png);}
.footer_btn_bar a:nth-child(4):hover,
.footer_btn_bar a:nth-child(4).on {background-image: url(../img/ico_cart_on.png);}
.footer_btn_bar a:nth-child(5):hover,
.footer_btn_bar a:nth-child(5).on {background-image: url(../img/ico_mypage_on.png);}

/* ǪÅÍ ÁÖ¼Ò ¿µ¿ª */
footer .address span:nth-of-type(2n-1) {margin-left: 3px;}

/* À§·Î°¡±â¹öÆ° */
footer .totop {position: fixed;right: 10px;bottom: 74px;width: 42px;height: 42px;background: url(../img/btn_arrow_up.png) no-repeat center / 28px auto;background-color: #fff;border-radius: 60px;box-shadow: 1px 1px 5px 2px rgba(0,0,0,.2);font-size: 0;color: transparent;text-align: center;line-height: 60px;z-index: 90;}
footer .totop.on {bottom: 110px;}

/* ----------------------------------------------------------------------------------------------- */

/* ¼­ºêÆäÀÌÁö °øÅë */
.subPage_contents .subPage_banner img {width: 100%;}
.subPage_contents .product_list_type_1 {margin: 5px 0 0;}
.subPage_contents .product_list_type_1 li {border: 1px solid #ddd;box-sizing: border-box;}
.subPage_contents .product_list_type_1 div {background: #f9fafa;color: #363838;}
.subPage_contents .product_list_type_1 div span {color: #75529f;}
.subPage_contents .product_list_type_1 div span em {color: #363838;}

.sub_navigation_type2 {position: relative;}
.sub_navigation_type2 > a {display: block;position: absolute;top: 50%;width: 15px;height: 15px;transform: translateY(-50%);font-size: 0;color: transparent;}
.sub_navigation_type2 > a.btn_prev {left: 4px;background: url(../img/btn_arrow_left_1.png) no-repeat center / 15px auto;}
.sub_navigation_type2 > a.btn_next {right: 4px;background: url(../img/btn_arrow_right_1.png) no-repeat center / 15px auto;}


/* --------------------------------------------------------------------------------------- */


/* ¹öÆ° ½ºÅ¸ÀÏ */
.btns {margin: 7px 0 0;text-align: center;font-size: 0;}
.btns .btn {display: inline-block;padding: 4px 4px 4px 6px;border: 1px solid #bbb;font-size: 11px;color: #727171;line-height: 1;}
.btns .btn_type_1 {background: #fff;}
.btns .btn_type_1:after {content: '';display: inline-block;margin: 0 0 0 3px;width: 14px;height: 14px;background: url(../img/btn_arrow_down.png) no-repeat center / 14px auto;vertical-align: -3px;}

/* ǪÅÍ ¹öÆ° ½ºÅ¸ÀÏ */
footer .btns {margin: 7px 18px 0;}
footer .btns .btn_type_2 {float: left;display: block;padding: 6px 0;width: calc(50% - 6px);box-sizing: border-box;}
footer .btns .btn_type_2:nth-child(2n-1) {margin-right: 3px;}
footer .btns .btn_type_2:nth-child(2n) {margin-left: 3px;}

/* º¸¶ó»ö ¹öÆ° */
.btns .btn_type_3 {padding: 6px 30px;background: #fff;border-color: #79559f;font-weight: 800;font-size: 13px;color: #79559f;}
.btns .btn_type_3.on,
.btns .btn_type_3:hover {background: #79559f;color: #fff;}

/* ÁÖ¹®¹è¼ÛÁ¶È¸ ¹öÆ° */
.btns .btn_type_4 {margin: 0 2px;padding: 6px 19px;background: rgba(244,244,244,.3);border-color: #ccc;font-size: 10px;color: #3c3c3b;}

/* ŸÀÌƲ ½ºÅ¸ÀÏ */
h2.title {padding: 14px 14px 14px 20px;font-weight: 800;font-size: 19px;color: #75529f;line-height: 1;}
h2.title a {display: block;position: relative;font-weight: 800;font-size: 19px;color: #75529f;}
h2.title a:after {content: '';position: absolute;right: 0;top: 50%;width: 18px;height: 18px;background: url(../img/btn_arrow_right_L.png) no-repeat center / 18px auto;transform: translateY(-50%);}
h2.title span {padding-left: 6px;font-size: 12px;color: #595757;}

/* Á¦Ç° ¸®½ºÆ® type_1 */
ul.product_list_type_1 {padding: 0 1%;text-align: center;box-sizing: border-box;}
ul.product_list_type_1 li {float: left;margin: 0 3px 6px;width: calc(50% - 6px);height: 192px;}
ul.product_list_type_1 a {display: block;position: relative;background: #fff;overflow: hidden;}
ul.product_list_type_1 a div {position: relative;background: #b7a5cf;border-top: 1px dashed #c4c5c3;font-weight: 800;text-align: center;line-height: 17px;}
ul.product_list_type_1 a div:after {content: '';display: block;clear: both;}

/* 2020-08-12 »óÇ°¸í ºÎºÐ Ãß°¡ */
ul.product_list_type_1 a div h3.tit {display: block;margin: 0 auto;width: 95%;height: 17px;font-weight: 800;font-size: 15px;color: #363838;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
ul.product_list_type_1 a div h3.tit1 {color: #492d66;}
ul.product_list_type_1 a div h3.tit2 {display: inline-block;width: 50%;}
ul.product_list_type_1 a div h3.tit3 {float: left;width: 42%;}

ul.product_list_type_1 a div span {display: block;font-size: 17px;color: #fff;}
ul.product_list_type_1 a div span em {position: relative;font-weight: 800;font-size: 11px;}
ul.product_list_type_1 a div span em:after {content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #75529f;transform: translateY(-50%);}
ul.product_list_type_1 img {width: 153px;height: 153px;}
span.dc_rate {display: block;position: absolute;right: 2px;bottom: 39px;width: 26px;height: 26px;background: #a2c837;font-family: 'aNewGulim', sans-serif;font-size: 14px;color: #fff;line-height: 26px;letter-spacing: -1px;}
span.dc_rate em {font-size: 9px;}

/* Á¦Ç° ¸®½ºÆ® type_2 */
ul.product_list_type_2 {padding: 0 1%;text-align: center;box-sizing: border-box;}
ul.product_list_type_2 li {float: left;margin: 0 3px 6px;width: calc(33.33% - 6px);height: 125px;}
ul.product_list_type_2 li a {display: block;position: relative;background: #fff;border: 1px solid #ddd;}
ul.product_list_type_2 li a span {display: block;background: #f9fafa;border-top: 1px dashed #c4c5c3;font-size: 0;color: #363838;line-height: 25px;letter-spacing: -1.5px;}
ul.product_list_type_2 li a span em {display: inline-block;width: 49%;font-weight: 800;font-size: 12px;color: #92c122;vertical-align: -3px;}
ul.product_list_type_2 li a span .tit {display: inline-block;width: 49%;height: 26px;font-weight: 800;font-size: 12px;color: #363838;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
ul.product_list_type_2 img {width: 100px;height: 100px}

/* simple pagination °ü·Ã ½ºÅ¸ÀÏ */
.light-theme a,
.light-theme span {font-weight: 700 !important;color: #727171 !important;}
.light-theme a:hover,
.light-theme .current {background: #75529f !important;border-color: #75529f !important;font-weight: 700 !important;color: #fff !important;}