@charset "utf-8";
/**
밀크북 PC CSS
 */

body { text-align:center; background-color:#fff; overflow-y:scroll; }
select { font-size:12px; padding:3px 5px 3px 5px; border:1px solid #D3D3D3; }

/******* 공통 레이어 영역 시작 **/
.header, .body, .footer { position:relative; width:100%; min-width:1200px; }
.header_wrap, .body_wrap, .footer_wrap { position:relative; width:1200px; margin:0 auto; text-align:left; }
.header { background-color:#80C8EC; height:197px; }
.footer { background-color:#E6E7ED; height:auto;  border-top:1px solid #c9cacc; border-bottom:1px solid #c9cacc; color:#81879a; font-size:13px; }
.footer:after{ content:'';display:block;clear:both; }
/******* 공통 레이어 영역 끝 **/

/******* 탑 메뉴 시작 **/
/* 밀크북 로고 */
.header .header_wrap .header_logo { float:left; background-color:#64beea; width:197px; padding-top:50px; text-align:center; height:147px; }
/* 상품 메뉴 */
.header .header_wrap .header_menu { float:left; margin:41px 0 0 60px; }
.header .header_wrap .header_menu li { margin-top:20px; }
.header .header_wrap .header_menu li:first-child a { margin-left:23px; }
.header .header_wrap .header_menu li a { margin-left:37px; font-size:27px; color:#fff; letter-spacing:-3px; font-weight:bold; }
.header .header_wrap .header_menu li a:first-child { margin-left:0; }
/* 오른쪽 위 화원 메뉴 */
.header .header_wrap .header_member_menu { float:right; margin-top:33px; position:relative; }
.header .header_wrap .header_member_menu a { color:#fff; font-size:12px; padding-left:27px; letter-spacing:-1px; }
.header .header_wrap .header_member_menu a .cart_circle { border-radius:15px; color:#64beea; font-weight:bold; text-align:center; background-color:#d8f1fe; padding:1px 5px; letter-spacing:0; }
.header .header_wrap .header_member_menu .header_instagram { position:absolute; right:-65px; top:-4px; }
/* 검색 바 */
.header .header_wrap .header_search { position:absolute; right:-70px; top:100px; width:400px; text-align:right; padding:8px; z-index:1;  }
.header .header_wrap .header_search #header_search_show { cursor:pointer; }
.header .header_wrap .header_search_wrap { position:absolute; right:0; top:0; width:400px; text-align:right; margin:0 24px;    }
.header .header_wrap .header_search_wrap .header_search_form { position:relative; width:100%; height:47px; background-color:#fff; padding:8px;  }
.header .header_wrap .header_search_wrap .header_search_form #search_txt { height:47px; width:340px; margin-right:15px; font-size:20px; font-weight:bold; color:#333333;  }
.header .header_wrap .header_search_wrap .header_search_form img { cursor:pointer; }
.header .header_wrap .header_search_history { position:relative; width:100%; max-height:300px; background-color:#e4eff5; padding:10px 8px; overflow-y:scroll; display:none; }
.header .header_wrap .header_search_history li { position:relative; width:100%; height:auto; background-color:#e4eff5; padding:4px 1px 4px 7px; text-align:left; color:#363636; font-size:16px; }
.header .header_wrap .header_search_history_del { width:100%; text-align:center; background-color:#b6c9d2; font-weight:bold; color:#fff; padding:6px 8px 8px 8px; font-size:12px; cursor:pointer; display:none; }
.header .header_wrap .header_search_history span:hover { text-decoration:underline; cursor:pointer; }
/******* 탑 메뉴 끝 **/


/******* 푸터 시작 **/
.footer .footer_menu { width:100%; border-bottom:1px solid #c9cacc; min-width:1200px; }
.footer .footer_menu .footer_wrap a { margin:12px 50px 12px 0; font-size:13px; color:#81879a;}
.footer .footer_company_logo { float:left; padding:30px 30px 0 0; }
.footer .footer_company_info { float:left; padding-top:26px; width:700px; text-align:left; border-right:1px solid #c9cacc; height:320px; line-height:180%}
.footer .footer_cs_info { width:370px; float:left; text-align:left; padding:30px 0 0 30px; }
.footer .footer_cs_info .footer_btn { border:1px solid #c9cacc; color:#81879a; font-size:13px; padding:7px 8px;  }
/******* 푸터 끝 **/


/** 페이징 스타일 **/
.paging_wrap { position:relative; height:auto; width:auto; *zoom:1 }
.paging_wrap:after { content:'';display:block;clear:both; }
.paging_wrap li { float:left; width:auto; font-size:12px; color:#444; font-weight:bold; padding:5px 10px; cursor:pointer; }
.paging_wrap li:hover, .paging_wrap li.on, .paging_wrap li a.on, .paging_wrap li a:hover { text-decoration:underline; color:#556fb5; }
.paging_wrap li.paging_prev { padding:5px 7px 0 0; vertical-align:middle; }
.paging_wrap li.paging_next { padding:5px 0 0 7px; }

/** 랜딩 버튼 스타일 **/
input[type="button"] { width:104px; cursor:pointer; }
.small_cart_btn { background-color:#91979d; text-align:center; font-size:13px; color:#fff; padding:4px 11px; cursor:pointer; border:1px solid #91979d;  }
.small_keep_btn { background-color:#ffffff; text-align:center; font-size:13px; color:#000; padding:4px 11px; cursor:pointer; border:1px solid #cad0d6;  }
.bind_cart_btn { color:#fff; background-color:#91979d; padding:7px 25px; font-size:13px; border:1px solid #91979d;  }
.bind_buy_btn { color:#fff; background-color:#37548c; padding:7px 25px; font-size:13px; border:1px solid #37548c;  }
.bind_keep_btn { color:#000; background-color:#fff; padding:7px 25px; font-size:13px; border:1px solid #cad0d6;  }
.bind_sold_out_btn { color:#fff; background-color:#eb2f2a; padding:7px 25px; font-size:13px; border:1px solid #eb2f2a; cursor:Default !important;  }
/** 상품 상세보기 버튼 스타일 **/
.detail_preview_btn { color:#7D7D7D; background-color:#fff; padding:8px 25px; font-size:13px; border:1px solid #C5C5C5; border-radius:4px; font-weight:bold; box-shadow: 3px 3px 3px #EDEDED;}



/** 공통사항 **/
.none_line { border:none !important; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.float_height { width:100%; *zoom:1; }
.float_height:after { content:'';display:block;clear:both; }
.question_icon { border:1px solid #BCC5DE; padding:0 4px 1px 4px;  color:#BCC5DE; font-size:12px; border-radius:2px; vertical-align:top; cursor:pointer;  }

/** 모달 창 기본 레이아웃 **/
.modal-content .btn_close { position:absolute; right:15px; top:5px; font-size:30px; font-weight:bold; cursor:pointer; }
.milk-modal-content { position:relative; width:100%; background-color:#fff; border-radius:5px;  }
.milk-modal-content .milk-modal-header { position:relative; width:100%; background-color:#556fb5; color:#fff; font-size:17px; font-weight:bold; text-align:center; border-radius:5px 5px 0 0; padding:30px 0; }
.milk-modal-close { position:absolute; right:10px; top:10px; font-size:2rem; font-weight:700; line-height:1; color:#fff; }
.milk-modal-body { position:relative; width:82%; padding:9%; }
.milk-modal-body .milk-modal-guide { position:relative; width:100%; height:auto; color:#363636; font-size:13px; }

/** 팝업 CSS **/
.popup_layer {position:fixed;border:1px solid #e9e9e9;background:#fff; }
.popup_layer_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.popup_layer_footer button {margin-right:10px;padding:5px 10px;border:0;background:#4F4F4F;color:#FFFFFF}