<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{ background:#f2f2f2; }
#page{ margin-left:auto; margin-right:auto; padding-bottom:0px; }
#page{ width:640px; }

.mobile_fix_zone,
.foot_menu_bot
{ width:640px; }

/*#header{ border-bottom:1px solid #cccccc; background:white; }*/
#header{ background:white; }

/*taz수정 20200923*/
/*#page_title{ font-size:16px; line-height:42px; text-align:center;}*/
#page_title{ height:60px; line-height: 55px; background-color: #ff0000; color: white; font-weight: bold; display: flex; flex-wrap: nowrap; }
#page_title_A{ height:60px; line-height: 55px; background-color: #ff0000; color: white; font-weight: bold; display: flex; flex-wrap: nowrap; }
#page_title_B{ height:60px; line-height: 55px; background-color: #ff0000; color: white; font-weight: bold; display: flex; flex-wrap: nowrap; }
#page_title_C{ height:60px; line-height: 55px; background-color: #4D6E4D; color: white; font-weight: bold; display: flex; flex-wrap: nowrap; }

    /*taz수정 20200923*/
.header_page_title .left_button{width:27%; box-sizing: border-box; padding-left: 10px; text-align: left;}
.header_page_title .right_button{width:27%; box-sizing: border-box; padding-right: 10px; text-align: right;}
.header_page_title .title_text{box-sizing: border-box; text-align: center; font-size:25px;}
.header_page_title .title_text2{min-width: 27%; box-sizing: border-box; text-align: center; margin: auto; padding: 0 10px; font-size: 25px; }
.header_page_title .title_search{width:46%; box-sizing: border-box; text-align: center; font-size:25px; margin: auto;}
.header_page_title .title_search .title_search_input {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 15px;
    border: 0;
    border-radius: 8px;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f5f5f5;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    line-height: 16px;
    -webkiet-appearance: none;
}
.header_page_title .title_search .title_search_btn { position: absolute; top: 8px; right: 10px; width: 25px; }
.header_page_title img { vertical-align: middle; }
.header_page_title span { vertical-align: middle; }
.header_page_title .home_img {
    width: 30px; height: 30px;   cursor: pointer; margin-left: 2px;
}
.header_page_title .right_img {
    width: 30px; height: 30px;   cursor: pointer; margin-right: 2px;
}
.header_page_title .logo_img {
    height: 40px;   cursor: pointer;
}


.top_category { padding: 14px 0; width: 100%; background: #fff; z-index: 8; }
.top_category.fixed {
    position: fixed;
    top: 0;
    max-width:640px;
}
.top_category ul { justify-content: space-around; }
.top_category .top_cate_flex { display: flex; flex-wrap: wrap;  }
.top_category ul li a {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 21px;
}
.top_category ul li.bd_new a:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -15px;
    width: 8px;
    height: 10px;
    background: url('/web/front/imgs/ic_new_deco.svg') no-repeat;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category_wrapper {
    background-color: rgb(255, 255, 255);
    margin-right: auto;
    margin-left: auto;
    padding: 10px 15px;
}

.category_wrapper .category {
    width: 20%;
    margin-top: 7px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.quick_category {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.category_wrapper .list_group_item {
    background-color: rgb(255, 255, 255);
    display: inline-block;
    width: 65px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: auto;
    text-align: center;
    padding: 7px 2px;
    margin: 1px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    white-space: nowrap;
    overflow: hidden;
}

.list_group_item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.foot_menu_bot {
    display: none;
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
    background: #fff;
    font-size: 0;
}

.foot_menu_bot li {
    display: inline-block;
    width: 25%;
    text-align: center;
    vertical-align: top;
}

.foot_menu_bot a {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    line-height: 15px;
}

.foot_menu_bot li a img {
    display: block;
    width: 40px;
    margin: 0 auto;
}

.sub_cate_tab {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 45px;
    width: 160px;
    cursor: pointer;
    flex-direction: column;
    border-right: 1px solid rgb(243, 243, 246);
    border-bottom: 1px solid rgb(243, 243, 246);
}
.sub_cate_tab.none {
    cursor: default;
}

.sub_cate_tab_txt {
    margin: 0px;
    font-size: 0.975rem;
    line-height: 1.125rem;
    color: rgb(139, 140, 150);
    white-space: pre-wrap;
}
.sub_cate_tab_txt.on {
    font-weight: bold;
    color: rgb(35, 35, 46);
}


/*!*taz수정 20200923*!*/
/*#page_title .left_button{width:27%; box-sizing: border-box; margin-left: 10px; text-align: left;}*/
/*#page_title .right_button{width:27%; box-sizing: border-box; margin-right: 10px; text-align: right;}*/
/*#page_title .title_text{box-sizing: border-box; text-align: center; font-size:25px;}*/
/*#page_title .title_text2{box-sizing: border-box; text-align: center; font-size:25px; margin: auto;}*/
/*#page_title img { vertical-align: middle; }*/
/*#page_title span { vertical-align: middle; }*/
/*#page_title .home_img {*/
/*    width: 30px; height: 30px;   cursor: pointer; margin-left: 2px;*/
/*}*/
/*#page_title .right_img {*/
/*    width: 30px; height: 30px;   cursor: pointer; margin-right: 2px;*/
/*}*/
/*#page_title .logo_img {*/
/*    height: 40px;   cursor: pointer;*/
/*}*/

.option_close_container{
    display: flex;
    margin-bottom: 10px;
}
.option_close_container .option_text{ width:95%; box-sizing: border-box; margin-left: 10px; }
.option_close_container .option_close_btn{ box-sizing: border-box;}

.txt_r20{ font-size:20px; margin-bottom: 10px; }
.txt_r20_1{ font-size:20px;  margin-bottom: 5px;}
.txt_r16{ font-size:16px; }

/* 옵션 취소 버튼 */
.optionCancelBtn {
    float:right;
    background-image: url(/web/front/imgs/common/btn_del.png);
    margin-left: 10px;
    width: 25px;
    height: 25px;
    /*padding: 2px;*/
    background-repeat: no-repeat;
    border: 1px solid #000000;
    background-position: center center;
    background-size: 12px;
}

#contents &gt; .section{ background:white; padding:10px; }
/* 패딩없는 섹션 */
#contents &gt; .section0{ background:white; padding:0px; padding-bottom: 10px; }

#contents &gt; #view_con &gt; .section{ background:white; padding:10px; }
/* 1023이하 - 태블릿 세로 이하▼ 화면[768 PSD]*/
@media all and (max-width:767px){
	#page{ width: 100%; }
    .mobile_fix_zone,
    .foot_menu_bot
    { width:100%; }
}
/**/
.layout190528140306{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190528140306 &gt; div{ display:table-cell; vertical-align:top; }
.layout190528140306 &gt; .left{ width:400px; }
.layout190528140306 &gt; .left &gt; .pic{}
.layout190528140306 &gt; .left &gt; .pic &gt; div{}
.layout190528140306 &gt; .left &gt; .pic &gt; div &gt; img{ vertical-align:top; width:100%; }
.layout190528140306 &gt; .right{ padding-left:10px; }
.layout190528140306 &gt; .right &gt; .item_name{ font-size:25px; font-weight:bold; color:#222222; }
/**/
.layout190528140306 &gt; .right &gt; .pricezone{ margin-top:5px; margin-bottom:5px; padding-bottom:5px; }
.layout190528140306 &gt; .right &gt; .pricezone{ border-bottom:1px solid #ebebeb; }
.layout190528140306 &gt; .right &gt; .pricezone &gt; *{ display:inline-block; vertical-align:baseline; }
.layout190528140306 &gt; .right &gt; .pricezone &gt; .dis{ font-size:30px; color:#e93f42; }
.layout190528140306 &gt; .right &gt; .pricezone &gt; .ori{ font-size:20px; color:#aaaaaa; text-decoration:line-through;}
.layout190528140306 &gt; .right &gt; .pricezone &gt; .price{ font-size:27px; color:#222222; }
.layout190528140306 &gt; .right &gt; .pricezone &gt; .price &gt; .txt_m14{ font-size:14px; }
/**/
.layout190528140306 &gt; .right &gt; .delivery_charge{ margin-top:1px; margin-bottom:1px; }
.layout190528140306 &gt; .right &gt; .delivery_charge &gt; .txt_r12{ font-size:12px; }
.layout190528140306 &gt; .right &gt; .delivery_charge &gt; .txt_r16{ font-size:16px; }
.layout190528140306 &gt; .right &gt; .delivery_charge &gt; .txt_s11_gy{ font-size:11px; color:#999999; }
.layout190528140306 &gt; .right &gt; .delivery_charge &gt; .txt_s14_gy{ font-size:11px; color:#999999; }
/**/
.layout190528140306 &gt; .right &gt; .iconzone{}
/**/
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .optionzone{ margin-top:6px; margin-bottom:6px; }
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .optionzone{ border-top:1px solid #ebebeb; padding-top:6px; padding-bottom:6px; }
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .optionzone + .optionzone{ }
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .optionzone &gt; .label{ margin-bottom:5px; color:#444444; font-size:16px; font-weight:bold; }
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; .buyzone{ padding:10px; }
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; .option_zone_close { display: none; }
.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .one_option_zone &gt; .one_option_title { display:none;}

.wth98p{ width:100%; height:40px; line-height:38px; color:#666666; box-sizing:border-box; border:1px solid #bbbbbb; }


/*!* 1023이하 - 태블릿 세로 이하▼ 화면[768 PSD]*!*/
/*@media all and (max-width:767px){*/
	.layout190528140306{ display:block; }
	.layout190528140306 &gt; div{ display:block; }
	.layout190528140306 &gt; .left{ width:100%; }
	.layout190528140306 &gt; .right{ margin-top:10px; padding-left:10px; }
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div { display: none; }
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; .buyzone { display: block; }
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone { position: fixed; margin:0 auto; left:0; right: 0; bottom : 0; z-index: 90; background-color: #fff; box-shadow: 0 -5px 10px rgba(50,50,50,0.2); box-sizing: border-box; }
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .optionzone{  border:none; margin: 20px 10px 6px 10px; }
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; .option_zone_close { overflow: hidden; position: absolute; top: -49px; left: 50%; width: 86px; height: 25px; margin-left: -43px; background: #fff; border: none; border-radius: 20px 20px 0 0; color: transparent; transform: translate3d(0, 100%, 0); filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.1)); cursor: pointer; }
    /*.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; .option_zone_close img{width: 20%; margin: 10px auto 0 auto; display: block;}*/
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; .option_zone_close:after{ background:url(/web/front/imgs/common/under_arrow.png) no-repeat center; background-size: 20px; width:100%; height:100%; position:absolute; top:0px; right:0px; content:''; display:block; }
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .one_option_zone { display:flex; align-items:center; margin: 10px;}
    .layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .one_option_zone &gt; .one_option_title { display:block; font-size:20px; font-weight:bold; width: 70%; float: left !important;}
    /*.layout190528140306 &gt; .right &gt; .mobile_fix_zone &gt; div &gt; .one_option_zone &gt; .one_option_title:after { }*/


    #optionListUl { max-height: 306px; overflow-y: scroll; }
    #addOptionListUI { max-height: 204px; overflow-y: scroll; }

/*}*/
/**/
.layout190529130242{}
.layout190529130242 &gt; button{ height:60px; width:100%; font-size:20px; color:#666666; }
.layout190529130242 &gt; button:before{ margin-right:5px; background:url(/web/front/imgs/common/_btn_item_more.png) no-repeat center; background-size:contain; width:15px; height:15px; content:''; display:inline-block; }
/**/
.item_more_sec{ padding-top: 40px !important; }
.item_more_sec &gt; img{ width:100%; }
.item_more_sec iframe{ width:100%; max-width: 500px; max-height: 300px; }
/**/
.notice_msg{ font-size:14px; }
/**/
.wid190529132117{ width:120px; }
/**/
#addJoinForm{ display:none; }
/**/
.agreeBox{margin:10px 0 0 0;background-color:#f6f6f6;padding:14px 10px;height:60px;font-size:12px;overflow-y:scroll;}
.agreeBox{ color:#888888; line-height:1.5em; min-height:250px; }
.agreeBox h3{ font-size:13px; color:#222222; }
.agreeBox .pl10{ padding-left:10px !important; }
/**/
.totalzone{ padding:10px; }
.totalzone &gt; div{ display:block; }
.totalzone &gt; div{ font-size:18px; line-height:30px; color:#444444; }
.totalzone &gt; div.total{ font-size:18px; line-height:40px; }
.totalzone &gt; div.total{ border-top:1px solid #e9e9e9; }
.totalzone &gt; div.total .price{ color:#e93f42; font-size:22px; }
.totalzone &gt; div:after{ content:""; display:block; clear:both; }
.totalzone &gt; div &gt; div{ display:inline-block; vertical-align:top; }
.totalzone &gt; div &gt; div:first-child{ float:left; }
.totalzone &gt; div &gt; div:first-child + div{ float:right; }
.totalzone &gt; .txt_r14_gy{ font-size:14px; color:#888; }
/**/
.pay_select_wrap{ font-size:0; }
.pay_select_wrap &gt; button{ box-sizing:border-box; border:1px solid #f1f1f1; }
.pay_select_wrap &gt; button{ width:49.7%; height:87px; }
.pay_select_wrap &gt; button{ background-position:center; background-repeat:no-repeat; outline: none }
/*.pay_select_wrap &gt; button.on,*/
/*.pay_select_wrap &gt; button:hover{ border-color:#dc3545; }*/
/*.pay_select_wrap &gt; button.on:before,*/
/*.pay_select_wrap &gt; button:hover:before{ box-sizing:border-box; border:2px solid #dc3545; width:100%; height:100%; position:absolute; top:0px; left:0px; content:''; display:block; }*/
.pay_select_wrap &gt; button.on{ border-color:#dc3545; }
.pay_select_wrap &gt; button.on:before{ box-sizing:border-box; border:2px solid #dc3545; width:100%; height:100%; position:absolute; top:0px; left:0px; content:''; display:block; }
.pay_select_wrap &gt; button:nth-child(2n){ margin-left:0.58%; }
.pay_select_wrap &gt; button:nth-child(n+3){ margin-top:0.58%; }
.pay_select_wrap &gt; button &gt; img{ vertical-align:top; }
/**/
.pay_form_wrap{ margin-top:20px; }
.pay_form_wrap &gt; .item{ display:none; }
.pay_form_wrap &gt; .item.on{ display:block; }
/**/
#cardSelectForm &gt; .item{ display:none; }
#cardSelectForm &gt; .item.on{ display:block; }
/**/
#addressSelectForm &gt; .item{ display:none; }
#addressSelectForm &gt; .item.on{ display:block; }
.container:after { content:""; clear:both; display:block; }
/**/
.layout190726175336{ width:260px; margin-left:auto; margin-right:auto; }
.layout190726175336 &gt; div{ font-size:0; }
.layout190726175336 &gt; div + div{ margin-top:8px; }
.layout190726175336 &gt; div &gt; *{ display:inline-block; vertical-align:top; }
.layout190726175336 &gt; div &gt; .text190726175508{ width:75px; font-size:14px; color:#666666; line-height:34px; }
/**/
.inp190726175358{ line-height:32px; height:34px; box-sizing:border-box; border:1px solid #dfdfdf; }
/**/
.btn190729083542{ text-align:center; display:block;font-size:16px;font-weight:600;background:#ffffff;border:1px solid #444444;border-radius:1px;padding:13px 0 14px 0;box-sizing:border-box;}
.btn190729083542:hover{ color:#27b1aa; }
/**/
#footer{ margin-top:0px; }
/**/
.layout190729084056{ background:#ececec; }
.layout190729084056{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190729084056 &gt; div{ display:table-cell; vertical-align:middle; height:38px; text-align:center; }
.layout190729084056 &gt; div{ border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.layout190729084056 &gt; div + div{ border-left:1px solid #dddddd; }
/**/
.btn190729083933{ font-size:12px; color:#444444; line-height:1.5em; padding-right:15px; }
.btn190729083933:hover{ color:#27b1aa; }
.btn190729083933:after{ background:url(/web/front/imgs/common/right_arrow.png) no-repeat center; width:6px; height:100%; position:absolute; top:0px; right:0px; content:''; display:block; }
/**/
.layout190729084442{ padding:15px; background:#ececec; }
.layout190729084442{ font-size:12px; color:#999999; line-height:1.5em; }
.layout190729084442 &gt; div &gt; *{ display:inline-block; }
.layout190729084442 &gt; div &gt; * + *{ margin-left:24px; }
.layout190729084442 &gt; div &gt; * + *:before{ background:#cccccc; width:1px; height:10px; margin-top:-5px; position:absolute; top:50%; left:-12px; content:''; display:block; }
/**/
.layout190729084944{ background:#dddddd; padding:15px; text-align:center; }
.layout190729084944{ font-size:11px; color:#777777; }
.layout190729084944 &gt; div{}
/**/
.btn190729085719{ position:absolute; top:0px; left:0px; }
.btn190729085719{ background:url(/web/front/imgs/common/arrow_left.png) no-repeat center; width:30px; height:100%; font-size:0; }
/**/
.layout190729090434{ padding:10px; }
/**/
.layout190729090520{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190729090520 &gt; .row{ display:table-row; }
.layout190729090520 &gt; .row &gt; div{ display:table-cell; vertical-align:middle; height:34px; }
.layout190729090520 &gt; .row &gt; div{ font-size:14px; color:#444444; }
.layout190729090520 &gt; .row &gt; div{ border-bottom:1px solid #e9e9e9; }
.layout190729090520 &gt; .row &gt; div:first-child{ width:100px; }
/**/
.link190729090743{ margin-top:10px; margin-bottom:10px; }
.link190729090743{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.link190729090743 &gt; div{ display:table-cell; vertical-align:top; }
.link190729090743 &gt; div{ font-size:14px; color:#444444; }
.link190729090743 &gt; div:first-child{ width:110px; }
.link190729090743 &gt; .info{ }
.link190729090743 &gt; .info &gt; .goodsname{ font-size:15px;  }
.link190729090743 &gt; .info &gt; .goodsname:hover{ color:#27b1aa; }
.link190729090743 &gt; .info &gt; .txtzone{ font-size:11px; color:#888888; margin-top:6px; }
/**/
.layout190729091153{ border-top:1px solid #e9e9e9; padding-top:10px; }
/**/
.btn190729091230{display:inline-block;height:22px;line-height:22px;font-size:11px;color:#e7e7e7;background:#444444;border:1px solid #444444;border-radius:1px;padding:0 10px 1px 10px;}
/**/
.layout190729091153{}
.layout190729091153:after{ content:""; display:block; clear:both; }
/**/
.text190729091340{ float:left; }
.text190729091340{ color:#f74a5a; font-size:16px; font-weight:bold; line-height:24px; }
/**/
.layout190729091428{ float:right; }
.text190729091403{ font-weight:bold; font-size:16px; color:#222222; line-height:24px; }
/**/
.chk190729093250{ font-size:0; }
.chk190729093250 &gt; *{ vertical-align:top; }
.chk190729093250 &gt; input[type=checkbox]{ opacity:0; }
.chk190729093250 &gt; input[type=checkbox]{ z-index:0; position:absolute; top:0px; left:0px; }
.chk190729093250 &gt; input[type=checkbox]{ width:15px; height:15px; }
.chk190729093250 &gt; input[type=checkbox] + label{ background:url(/web/front/imgs/common/chk0.png) no-repeat center; width:20px; height:20px; background-size:contain; }
.chk190729093250 &gt; input[type=checkbox] + label{ display:inline-block; font-size:0; }
.chk190729093250 &gt; input[type=checkbox]:checked + label{ background-image:url(/web/front/imgs/common/chk0_red_on.png); }
.chk190729093250 &gt; input[type=checkbox] + label + label{ margin-left:5px; font-size:13px; color:#888888; line-height:20px; }
/**/
.chk201005164400{ font-size:0; }
.chk201005164400 &gt; *{ vertical-align:top; }
.chk201005164400 &gt; input[type=checkbox]{ opacity:0; }
.chk201005164400 &gt; input[type=checkbox]{ z-index:0; position:absolute; top:0px; left:0px; }
.chk201005164400 &gt; input[type=checkbox]{ width:20px; height:20px; }
.chk201005164400 &gt; input[type=checkbox] + label{ background:url(/web/front/imgs/common/checkbox.png) no-repeat center; width:25px; height:25px; background-size:contain; }
.chk201005164400 &gt; input[type=checkbox] + label{ display:inline-block; font-size:0; }
.chk201005164400 &gt; input[type=checkbox]:checked + label{ background-image:url(/web/front/imgs/common/checkedbox.png); }
.chk201005164400 &gt; input[type=checkbox] + label + label{ margin-left:5px; font-size:13px; color:#888888; line-height:25px; }
/**/
.layout190729093741{ margin-top:5px; }
.layout190729093741{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190729093741 &gt; div{ display:table-cell; vertical-align:top; }
.layout190729093741 &gt; div{ font-size:14px; color:#444444; line-height:1.5em; }
.layout190729093741 &gt; div:first-child{ width:110px; }
.layout190729093741 &gt; .thumb{}
.layout190729093741 &gt; .info{}
.layout190729093741 &gt; .info &gt; .goodsname{font-size: 20px; margin-left: 15px;}
.layout190729093741 &gt; .info &gt; .productItemDel{ margin-left: 15px;}
.layout190729093741 &gt; .thumb.soldout::before {
    content:url(/web/front/imgs/soldout.png);
    position: absolute;
    display: inline-block;
    top:0;
    left:0;
    zoom: 23%;
    max-width: 100%;
    max-height: 100%;
    background-color: rgba(255, 255, 255, 0.50);
}
/**/
.btn190729093959{}
.btn190729093959:hover{ color:#27b1aa; }
/**/
.layout190729094214{ padding:10px 15px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fafafa;}
.layout190729094214 + .layout190729094214{ border-top:none; }
.layout190729094214 &gt; .options{ font-size:20px; color:black; }
.layout190729094214 &gt; .options &gt; div{}
.numbtn190729094539{ box-sizing:border-box; border:1px solid #aaaaaa; }
.numbtn190729094539{ display:inline-block; font-size:0; margin-top:5px; margin-bottom:5px; }
.numbtn190729094539 &gt; *{ vertical-align:top; }
.numbtn190729094539 &gt; .btn_m{ background:url(/web/front/imgs/common/btn_m.png) no-repeat center; background-size:contain; width:35px; height:35px; }
.numbtn190729094539 &gt; .btn_p{ background:url(/web/front/imgs/common/btn_p.png) no-repeat center; background-size:contain; width:35px; height:35px; }
.numbtn190729094539 &gt; .inp{ font-weight:bold; font-size:20px; text-align:center; width:42px; border:none; line-height:35px; height:35px; color:#777777; }
.numbtn190729094539 &gt; .inp{ border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; box-sizing:border-box; }
.numbtninfo190729094539 { display:inline-block; margin-top:5px; margin-bottom:5px; margin-left: 5px; float: left; height:40px; line-height:35px; vertical-align: middle; color:red; }
/**/
.layout190729095152{ margin-top:6px; border-top:1px solid #e9e9e9; }
.layout190729095152{ font-size:18px; line-height:20px; color:#444444; padding:10px; }
.layout190729095152 &gt; div{ margin-top:6px; margin-bottom:6px; }
.layout190729095152 &gt; div:after{ content:""; display:block; clear:both; }
.layout190729095152 &gt; div &gt; div{ display:inline-block; }
.layout190729095152 &gt; div &gt; div.fl{ float:left; }
.layout190729095152 &gt; div &gt; div.fr{ float:right; font-size:16px; }
.layout190729095152 &gt; div.hr_top{ margin-top:12px; padding-top:6px; margin-bottom:0; font-size:20px; border-top:1px solid #e9e9e9; }
.layout190729095152 h5 {display: inline-block; width:90px; font-size:16px; font-weight: normal; letter-spacing:-1px;}
.layout190729095152 p {display: inline-block; width:66%; height: auto; font-size:16px; line-height:150%; }

/**/
.layout190729095849{ margin-top:15px; margin-bottom:15px; padding:0 10px; }
.layout190729095849:after{ content:""; display:block; clear:both; }
.layout190729095849 &gt; .fl{ float:left; }
.layout190729095849 &gt; .fr{ float:right; }
/**/
.btn190729100109{ background:url(/web/front/imgs/common/btn0.png) no-repeat center; width:101px; height:33px; }
.btn201020000000{ background:url(/web/front/imgs/common/btn0_red.png) no-repeat center; width:101px; height:33px; }
/**/
.layout190729100304{ background:white; border-top:1px solid #4b505d; border-bottom:1px solid #4b505d; padding:0 10px; }
/**/
.text190729100357{ font-weight:bold; font-size:16px; color:#222222; line-height:38px; }
/**/
.layout190729100449{ border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.layout190729100449 &gt; .inner{ padding:10px; }
.layout190729100449 &gt; .inner &gt; div{ font-size:14px; line-height:20px; color:#444444; margin-top:6px; margin-bottom:6px; }
.layout190729100449 &gt; .inner &gt; div:after{ content:""; display:block; clear:both; }
.layout190729100449 &gt; .inner &gt; div &gt; div.fl{ float:left; font-size: 18px;}
.layout190729100449 &gt; .inner &gt; div &gt; div.fr{ float:right; font-size:18px; }
/**/
.layout190729100754{}
.layout190729100754 &gt; div{ line-height:62px; font-size:20px; color:#444444; }
.layout190729100754:after{ content:""; display:block; clear:both; }
.layout190729100754 &gt; .fl{ float:left; }
.layout190729100754 &gt; .fr{ float:right; font-weight:bold; font-size:26px; color:#e93f42; }
/**/
.layout190729101152{ height:53px; font-size:0;  }
.layout190729101152 &gt; .btn190729101213{ text-align:center; display:inline-block; font-size:16px; font-weight:600;background:#ffffff;border:1px solid #444444;border-radius:1px;padding:13px 0 14px 0;box-sizing:border-box;}
.layout190729101152 &gt; .btn190729101215{ text-align:center; display:inline-block;font-size:16px;font-weight:600;color:#ffffff;background:#df4747;border:1px solid #df4747;border-radius:1px;padding:13px 0 14px 0;box-sizing:border-box; }
.layout190729101152 &gt; .btn190729101215_A{ text-align:center; display:inline-block;font-size:16px;font-weight:600;color:#ffffff;background:#df4747;border:1px solid #df4747;border-radius:1px;padding:13px 0 14px 0;box-sizing:border-box; }
.layout190729101152 &gt; .btn190729101215_B{ text-align:center; display:inline-block;font-size:16px;font-weight:600;color:#ffffff;background:#df4747;border:1px solid #df4747;border-radius:1px;padding:13px 0 14px 0;box-sizing:border-box; }
.layout190729101152 &gt; .btn190729101215_C{ text-align:center; display:inline-block;font-size:16px;font-weight:600;color:#ffffff;background:#4D6E4D;border:1px solid #4D6E4D;border-radius:1px;padding:13px 0 14px 0;box-sizing:border-box; }
.layout190729101152 &gt; .fl{ float:left; }
.layout190729101152 &gt; .fr{ float:right;}


label.control-label {
    -webkit-align-items: center;
}

.section.tab_menu_A
, .section.tab_menu_B
, .section. tab_menu_C  {padding: 5px !important;}

.section.tab_menu_A &gt; ul
, .section.tab_menu_B  &gt; ul
, .section.tab_menu_C  &gt; ul {display: inline-block; padding: 3px; width: 100%; text-align: center;}

.section.tab_menu_A &gt; ul &gt; li
, .section.tab_menu_B  &gt; ul &gt; li
, .section.tab_menu_C  &gt; ul &gt; li  {display: inline-block; position: relative; text-align: center; float: none; font-family: Pretendard Variable; font-size: 20px; margin-left: 20px; margin-right: 20px; }

.section.tab_menu_A  &gt; ul &gt; li a
, .section.tab_menu_B  &gt; ul &gt; li a
, .section.tab_menu_C  &gt; ul &gt; li a {
    font-weight: 700;
    background: none;
    color: #777;
    border: none;
    padding: 7px 10px;
    border-radius: 50px;
    transition: all 0.5s ease 0s;}

.section.tab_menu_A &gt; ul &gt;  li a:hover{
    background: #ffa399;
    color: #fff;
    border: none;
}
.section.tab_menu_B &gt; ul &gt;  li a:hover{
    background: #ffa399;
    color: #fff;
    border: none;
}
.section.tab_menu_C &gt; ul &gt;  li a:hover{
    background: #828882;
    color: #fff;
    border: none;
}

.section.tab_menu_A &gt; ul &gt; li.active a,
.section.tab_menu_A &gt; ul &gt; li.active a:focus,
.section.tab_menu_A &gt; ul &gt; li.active a:hover{
    border: none;
    background: red;
    color: #fff;
}
.section.tab_menu_B &gt; ul &gt; li.active a,
.section.tab_menu_B &gt; ul &gt; li.active a:focus,
.section.tab_menu_B &gt; ul &gt; li.active a:hover{
    border: none;
    background: red;
    color: #fff;
}
.section.tab_menu_C &gt; ul &gt; li.active a,
.section.tab_menu_C &gt; ul &gt; li.active a:focus,
.section.tab_menu_C &gt; ul &gt; li.active a:hover{
    border: none;
    background: #4D6E4D;
    color: #fff;
}

/* 1023이하 - 태블릿 세로 이하▼ 화면[768 PSD]*/
@media all and (max-width:767px){
    .section.tab_menu &gt; ul &gt; li  {font-size: 17px; margin-left: 0px; margin-right: 0px; }
}
/**/


.section.search_box { background: #ebebeb; }
.section.search_box &gt; input{ border:none; border-radius: 32px; padding-left: 15px; }
.section.search_box &gt; button{ display:inline-block; position:absolute; top:15px; right:31px; }

.section .cate_title {padding-left: 5px; padding-bottom: 10px; font-size: 1.5rem; line-height: 2.25rem; font-weight: bold; text-align: left; color: rgb(35, 35, 46); white-space: pre-line;}

.view_con .list_thumb {margin-bottom:-4px; padding:0; overflow: auto}
.view_con .list_thumb li {float:left; width:195px; background:#fff; margin-bottom:10px; margin-right: 16px; cursor:pointer; }
.view_con .list_thumb li {width:47%; margin-right: 0px; margin-left: 2%; }
.view_con .list_thumb li:nth-of-type(3n){margin-right: 0;}
.view_con .list_thumb a {cursor: pointer; text-decoration:none; color:#444; z-index: 1}
.view_con .list_thumb:after {clear: both;display: block;overflow: hidden;content: "";height: 0;}
.view_con .list_thumb .box {}
.view_con .list_thumb .box .thumb {float:left; position:relative; z-index:10; display:inline-block; width:100%; height:auto; }
.view_con .list_thumb .box .thumb img {width:100%; z-index:10;}
.view_con .list_thumb .box .thumb .ico_txt_suggest {position:absolute; top:0; left:0; z-index:20; display: inline-block; width:60px; height:25px; text-indent:-9999px; background-size:400px 400px;  background-position:-102px -307px; }
.view_con .list_thumb .box .thumb.soldout::before {
    content:"";
    background-image:url(/web/front/imgs/soldout.png);
    background-size:200px 200px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    display: inline-block;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.50);
}
/* taz 수정 height: 110px; 제거  align-content: center; 추가 */
.view_con .list_thumb .box .info {float:left; display:inline-block; overflow:hidden; width:100%; height:135px; align-content: baseline;}
/* taz 수정 height: 2.6em; 제거   font-weight: bold;  추가 */
.view_con .list_thumb .box .info p.goodsname {font-size: 17px; line-height: 1.3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; text-overflow: ellipsis; overflow:hidden; margin:2px 8px 2px 8px;}
.view_con .list_thumb .box .info .pricezone {border-bottom:none; margin-left: 8px;}
.view_con .list_thumb .box .info .pricezone p {display: inline-block; vertical-align: baseline;}
.view_con .list_thumb .box .info .pricezone div {display:inline-block;; width:63%; height:45px;}
.view_con .list_thumb .box .info .pricezone .dis  {font-size: 24px;color:#e93f42; height:36px; line-height: 36px; letter-spacing: -2px; margin-right: 2px; vertical-align: top; margin-top: 2px; }
.view_con .list_thumb .box .info .pricezone .ori {font-size: 14px; color:#aaaaaa; text-decoration: line-through; display: block; height: 14px;}
.view_con .list_thumb .box .info .pricezone .price {display: block; font-size:20px; color: #222; font-weight:600;}
.view_con .list_thumb .box .iconzone {float: left; width:100%; padding-left:4px; padding-right:4px; }
.view_con .list_thumb .box .iconzone .fl {float :left;}
.view_con .list_thumb .box .iconzone .fr {float :right;}


.txt_r12_gy {font-size:12px; color:#888;}
.txt_lettno {letter-spacing:normal !important;}


/* 1023이하 - 태블릿 세로 이하▼ 화면[768 PSD]*/
/*@media all and (max-width:767px){*/
/*    .view_con .list_thumb li {width:48%; margin-right: 0px; margin-left: 1%; }*/
/*}*/
/**/

.layout210112210510{ border-bottom:1px solid #e9e9e9; }
.layout210112210510{ font-size:14px; line-height:16px; color:#000; padding:3px; }
.layout210112210510 a:hover .goodsname {color:#e93f42;}
.layout210112210510 h5 {display: inline-block; width:90px; font-size:14px; font-weight: bold; letter-spacing:-1px;}
.layout210112210510 p {display: inline-block; width:66%; height: auto; font-size:14px; line-height:150%; }

.layout210112210511{}
.layout210112210511 &gt; div{ line-height:50px; font-size:20px; color:#444444; }
.layout210112210511:after{ content:""; display:block; clear:both; }
.layout210112210511 &gt; .fl{ float:left; font-weight:bold; font-size:20px; color:#e93f42;}
.layout210112210511 &gt; .fr{ float:right; font-weight:bold; font-size:20px; }



.layout210113120301{ background: white; box-sizing: border-box; border:1px solid #dddddd; height:225px; padding-top: 30px; padding-bottom: 30px; }
.layout210113120301 &gt; fieldset { padding-top: 30px;margin: 0 auto; }
.layout210113120301 &gt; fieldset &gt; label { display: block; overflow: hidden; width: 350px; text-align: center; margin: 0 auto;}
.layout210113120301 &gt; fieldset &gt; label &gt; span.tit { text-align: left; height: 45px; font-size: 16px; width: 80px; display: inline-block; margin-top: 5px;}
.layout210113120301 &gt; fieldset &gt; label &gt; span.int_txt {text-align: left; width: 180px; display: inline-block;}
.layout210113120301 &gt; fieldset &gt; label &gt; span.int_txt &gt; input::placeholder {font-size: 11px}


.time_sale_info {
    background-color: rgb(255, 242, 242);
    border-radius: 4px;
    padding : 2px 4px;
    display: flex;
    width: fit-content;
    align-items: center;
    margin-top: 4px;
}
.time_sale_txt {
    margin: 0px;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.00rem;
    color: rgb(77, 78, 89);
    white-space: pre-wrap;
}

</pre></body></html>