@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Noto+Sans+KR:400,700&display=swap');
.page_wrap {}
.page_section {}
.page_section:after { clear: both; display: block; content: ""; }
.page_inner_half { float: left; width: 50%; }
.page_inner_img { width: 100%; text-align: center; }
.page_form_wrap {}
.page_form_title { margin: 40px auto 20px auto; width: 760px; }
.page_form_title span { font-family: "Noto Sans KR"; letter-spacing: -1px; font-size: 18px; display: inline-block; border: 2px solid #4d4d4d; padding: 2px 4px; }
.page_form { margin: 0 auto 40px auto; width: 760px; }
.page_form table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 10px; }
.page_form td { border: 1px solid #ddd; padding: 10px; }
.page_form td:first-child { width: 100px; }
.page_form label { display: block; margin-right: 5px; line-height: 20px; }
.page_form input { line-height: 20px; border: 1px solid #ddd; box-sizing: border-box; }
.page_form input.input_small { width: 50px; }
.page_form input.input_mid { width: 178px; }
.page_form input.input_wide { width: 100%; margin-bottom: 4px; }
.page_form textarea { width: 100%; border: 1px solid #ddd; box-sizing: border-box; }
.form_btn { display: inline-block; border: 1px solid #000; background: linear-gradient(to bottom, #444, #222); padding: 2px 4px; border-radius: 2px; color: #fff; }
.form_btn:hover { text-decoration: none; }

.page_form .form_btn_submit_wrap { text-align: center; }
.page_form input.form_btn_submit { background: linear-gradient(to bottom, #9e7f53, #8d714a); border: 1px solid #4f402a; color: #fff; line-height: 40px; padding: 0 20px; border-radius: 2px; }
.page_form input.form_btn_submit:hover { background: linear-gradient(to bottom, #444, #222); }

/* 일반상품 */
.page_prd_wrap { margin-bottom: 15px; margin-top: 20px; }
.page_prd_wrap:after { clear: both; display: block; content: ""; }
.page_prd_wrap ul { margin: 0 0 15px 0; padding: 0; display: block; border: 0; }
.page_prd_wrap ul:after { display: block; content: ""; clear: both; }
.page_prd_wrap .p2_prd_wrap { list-style: none; float: left; width: 272px; margin: 0 12px 0 0; position: relative; box-sizing: border-box; }
.page_prd_wrap .p2_prd_wrap_edge { margin-right: 0; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_title { height: 48px; width: 100%; margin: 0 auto 6px auto; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: block; display: -webkit-box; line-height: 16px; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.071em; word-break: break-all; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_caution { position: absolute; right: 0; top: 88px; z-index: 11; height: 26px; line-height: 26px; overflow: hidden; color: #fff; background-color: rgba(204, 0, 0, 0.7); padding: 0; width: 100%; text-align: center; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_caution span { color: rgba(255, 255, 255, 1.0); }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay { position: absolute; left: -3px; top: -3px; z-index: 10; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new { float: left; position: relative; margin-right: 4px; width: 34px; overflow: hidden; color: #4c80ee; font-size: 10px; letter-spacing: -1px; text-align: center; background-color: #fff; font-family: "Roboto"; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new .icon_new_y { background-color: #ededed; border-left: 1px solid #4c80ee; border-right: 1px solid #4c80ee; width: 100%; display: block; box-sizing: border-box; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new .icon_new_md { border: 1px solid #4c80ee; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new .icon_new_md:after { clear: both; display: block; content: ""; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new .icon_new_md span { width: 50%; float: left; display: inline-block; box-sizing: border-box; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new .icon_new_md span:first-child { background-color: #fff; border-right: 1px solid #ddd; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay .icon_new .icon_new_md span:last-child { background-color: #fff; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_3 { position: absolute; right: -3px; top: -3px; z-index: 10; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_bottom { position: absolute; right: 0px; top: 239px; z-index: 10; } /* 초저가 */
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_rank { position: absolute; left: 10px; top: -1px; background-color: rgba(246, 201, 24, 0.95); /*background-color: rgba(250, 82, 26, 0.9);*/ width: 26px; height: 26px; z-index: 10; line-height: 26px; text-align: center; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_rank span { color: #fff; font-weight: 700; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_8 { position: absolute; top: 0; right: -10px; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_overlay_meiki { position: absolute; right: -2px; top: -11px; z-index: 20; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_img_wrap { width: 100%; position: relative; box-sizing: border-box; margin-bottom: 10px; display: block; border: 1px solid #ddd; box-sizing: border-box; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_img_wrap img { width: 100%; max-width: 100%; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_wrap { margin-bottom: 4px; overflow: hidden; display: inline-block; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_wrap span { display:none;}
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_wrap span:nth-child(1),.p2_prd_icon_wrap span:nth-child(2),.p2_prd_icon_wrap span:nth-child(3) { display:inline-block !important; }
.page_prd_wrap .p2_prd_wrap .p2_prd .p2_prd_icon_wrap_realdoll { margin-bottom: 4px; overflow: hidden; display: inline-block; }
.page_prd_wrap .p2_btn_buy_benefit_wrap { display: block; width: 100%; margin: 0 auto 6px auto; }
.page_prd_wrap .p2_btn_buy_benefit_wrap:after { clear: both; content: ""; display: block; }
.page_prd_wrap .p2_btn_buy_benefit_wrap a { display: block; width: 102px; padding: 4px 0; text-align: center; box-sizing: border-box; border-radius: 2px; }
.page_prd_wrap .p2_btn_buy_benefit_wrap a:hover { text-decoration: none; }
.page_prd_wrap .p2_btn_buy_benefit_wrap a:nth-child(1) { float: left; }
.page_prd_wrap .p2_btn_buy_benefit_wrap a:nth-child(2) { float: right; }
.page_prd_wrap .p2_btn_buy_benefit_wrap a.p2_prd_btn_buy_benefit { border: 1px solid #107aea; color: #107aea; background: linear-gradient(to bottom, #fff, #f2f2f2); }
.page_prd_wrap .p2_btn_buy_benefit_wrap a.p2_prd_btn_buy_benefit:hover { border-color: #4073dc; background: linear-gradient(to bottom, #6d9dfe, #6482e8); color: #fff; }
.page_prd_wrap .p2_btn_buy_benefit_wrap a.p2_prd_btn_buy { border: 1px solid #b1b1b1; color: #666; background: linear-gradient(to bottom, #fff, #f2f2f2); }
.page_prd_wrap .p2_btn_buy_benefit_wrap a.p2_prd_btn_buy:hover { border-color: #4073dc; }
.page_prd_wrap .p2_btn_buy_wrap { display: block; width: 100%; margin: 0 auto 6px auto; }
.page_prd_wrap .p2_btn_buy_wrap:after { clear: both; content: ""; display: block; }
.page_prd_wrap .p2_btn_buy_wrap a { display: block; width: 100%; padding: 4px 0; text-align: center; box-sizing: border-box; border-radius: 2px; }
.page_prd_wrap .p2_btn_buy_wrap a:hover { text-decoration: none; }
.page_prd_wrap .p2_btn_buy_wrap a.p2_prd_btn_buy_benefit { border: 1px solid #107aea; color: #107aea; background: linear-gradient(to bottom, #fff, #f2f2f2); }
.page_prd_wrap .p2_btn_buy_wrap a.p2_prd_btn_buy_benefit:hover { border-color: #4073dc; background: linear-gradient(to bottom, #6d9dfe, #6482e8); color: #fff; }
.page_prd_wrap .p2_prd_price_wrap { display: block; vertical-align: middle; margin-bottom: 3px; }
.page_prd_wrap .p2_prd_price_wrap .p2_prd_price { font-weight: 700; font-size: 12px; vertical-align: middle; }
.page_prd_wrap .p2_prd_price_wrap .p2_won { font-size: 12px; vertical-align: middle; }
.page_prd_wrap .p2_prd_mileage_wrap { display: block; vertical-align: middle; }
.page_prd_wrap .p2_prd_mileage { vertical-align: middle; }
.page_prd_wrap .p2_prd_mileage_wrap .p2_won { vertical-align: middle; }
.page_prd_wrap .p2_prd_price_sub_wrap { display: block; margin-bottom: 0; vertical-align: middle; }
.page_prd_wrap .p2_prd_price_sub { font-weight: 700; font-size: 12px; vertical-align: middle; }
.page_prd_wrap .p2_prd_price_sub_wrap .p2_won { font-size: 12px; vertical-align: middle; }
.page_prd_wrap .p2_prd_price_market_wrap { display: block; margin-bottom: 3px; vertical-align: middle; }
.page_prd_wrap .p2_prd_price_market { font-weight: 400; font-size: 12px; vertical-align: middle; text-decoration: line-through; }
.page_prd_wrap .p2_prd_price_market_wrap .p2_won { font-size: 12px; vertical-align: middle; }
.page_prd_wrap .p2_label_price { margin-right: 4px; color: #107aea; font-size: 11px; border: 1px solid #107aea; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.page_prd_wrap .p2_label_price_sub { margin-right: 4px; color: #808080; font-size: 11px; border: 1px solid #808080; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.page_prd_wrap .p2_label_price_market { margin-right: 4px; color: #808080; font-size: 11px; border: 1px solid #808080; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.page_prd_wrap .p2_label_mileage { margin-right: 4px; color: #7aa42d; font-size: 11px; border: 1px solid #7aa42d; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }





.division_box {display: flex; justify-content: space-between; margin: 0px 15px 0; }
.division_box05_l, .division_box05_r { flex: 0 1 360px;}

.division_box01 div { display: block;}

.division_box05_l dl {
    flex: 0 1 115px;
    padding: 10px 0 8px;
    box-sizing: border-box;
    text-align: center;
}
   
.division_box05_r dl {
    flex: 0 1 115px;
    padding: 10px 0 8px;
    box-sizing: border-box;
    text-align: center;
}