@charset "utf-8";
@import "common.css";
@import "product.css";
@import "order.css";
@import "member.css";

/* CSS Document */
#wrap { width:100%; height:100%; }

/* header */
#header { width:100%; }
#header .top_wrap { height:30px; }
#header .top_wrap .gnb { width:1200px; margin:0px auto; }
#header .top_wrap ul { float:right; height:28px; }
#header .top_wrap ul li { float:left; padding:0 7px; line-height:28px; }
#header .top_wrap ul li a { font-family:Dotum; font-size:12px; color:#6e6e6e; }
#header .top_wrap ul li a.login_icon { background:url("../images/common/login.png") no-repeat; padding-left:12px; }
#header .h_wrap { position:relative;  clear:both; width:1200px; margin:0px auto; }

#header .logo { float:left; width:1200px; height:125px; display:table; text-align:center; } 
#header h1 { display:table-cell; vertical-align:middle; }
#header .top_banner {  position:absolute; width:280px; height:125px; top:0; left:0; display:table; text-align:center; }
#header .top_banner .banner_cnt { display:table-cell; vertical-align:middle; }
#header .top_banner .banner_cnt img { max-width:280px; max-height:125px;  }

/* �˻� */
#header .serach_cnt { position:absolute; right:5px; margin-top:30px; }
#header .search_box { position:relative; width:345px; height:34px; border:2px solid #518ddd; border-radius:45px; background-color:#fff; vertical-align:middle;}
#header .search_box input { float:left; width:280px; height:34px; padding:0 0 0 15px; border:none; background-color: transparent; color:#444; }
#header .sch_btn {position:absolute;right:18px;top:6px;width:25px;height:25px;display:block;text-indent:-9999px;background:url("../images/common/ico_sch.gif") no-repeat 0 0;}
#header .search_info { clear:both; float:left; width:358px; margin-top:12px; }
#header .search_info input[type=text] { width:56px; margin-right:3px; padding:3px 4px; border:1px solid #d0d0d0; text-align:center; }
#header .search_info input:hover { }
#header .search_auto { position:absolute; top:36px; left:5px; width:325px;padding:8px;background-color:#fff;border:1px solid #ddd;z-index:300;}
#header .search_auto ul li { display:block; text-decoration:none; padding:3px; cursor:pointer; }
#header .search_auto ul li:hover { background-color:#eee; }


#menu { clear:both; width:100%; height:50px; background-color:#fff; border-top:1px solid #d6dbdb; border-bottom:3px solid #0569e3; }
#menu .menu_wrap { width:1200px; margin:0px auto; }
#menu .menu_wrap .all_menu { position:relative; float:left; display:inline-block; width:55px; height:50px; margin-right:15px; background: url("../images/common/all.png") no-repeat 15px 15px;  line-height:47px; }
#menu .menu_wrap .all_menu { position:relative; float:left; margin-right:3px; }
#menu .menu_wrap .lnb { float:left; width:1122px; margin-left:15px; }
#menu .menu_wrap .lnb li:last-child { margin-right:0; }


.sub_m_cnt { position:absolute; top:45px; left:0; width:170px; z-index:1000; }
.sub_m { position:relative; }
.sub_m ul { float:left; margin-top:6px; width:170px; padding:5px 0 20px 15px; background-color:#f7f7f8; border:1px solid #ddd; }
.sub_m ul > li { display:block; text-align:left; padding:6px 0 6px 0; margin-bottom:5px; }
.sub_m ul > li:last-child { margin-bottom:0px; }
.sub_m ul > li a { display:inline-block; position:relative; width:145px; height:auto !important; background:none !important; text-align:left; font-size:14px; color:#333 !important; line-height:21px !important; }
.sub_m ul > li a:hover { background:none !important; color:#0c9ae4 !important; font-size:14px; font-weight:normal; text-decoration:underline !important; }

.sub3_m_cnt { position:absolute; top:0px; left:100px; float:left; z-index:100; }
.sub3_m_cnt ul { float:left; }
.sub3_m_cnt li a { display:block; height:30px; width:147px; padding:0 0 0 2px; background:#fff !important; font-size:15px; color:#333; }
.sub3_m_cnt li a:hover { color:#0c9ae4; }

.all_menu .all_menu_click { display:inline-block; width:55px; height:50px; color:#fff; font-size:15px; line-height:47px; background:#0569e3 url("../images/common/all.png") no-repeat 17px 15px; line-height:47px; }
.all_menu_cnt { position:absolute; top:53px; left:0; float:left; background-color:#f7f7f8; padding:10px 0 20px 0; z-index:999; border:1px solid #999; border-top:none; }
.all_menu_cnt li { position:relative; }
.all_menu_cnt li .depth1_a { display:block; width:175px; height:40px; padding:0 0 0 13px; background-color:#f7f7f8; line-height:40px; font-size:15px; color:#333; }
.all_menu_cnt li:hover .depth1_a {  background-color:#999; color:#fff; }
.all_depth2_layer { position:absolute; top:0; left:188px; float:left; min-width:350px; border:1px solid #999; background-color:#fff; z-index:100; }
.all_depth2_layer h3 { float:left; margin:10px 0 0 20px; font-size:21px; font-weight:bold; color:#0b71cf; }
.all_depth2_list { clear:both; background:#fff; }
.all_depth2_list ul { float:left; margin:0 0 30px 20px; }
.all_depth2_list li { position:relative; margin-bottom:10px; }
.all_depth2_list li a { display:block; height:auto; width:280px; padding:0 0 0 2px; background:#fff; font-size:15px; color:#333; line-height:24px; }
.all_depth2_list li a:hover { color:#0c9ae4; }
.all_depth3_layer { position:absolute; top:0px; left:149px; float:left; border:1px solid #999; background-color:#fff; z-index:100; }
.all_depth3_layer ul { float:left; margin:10px 15px; }
.all_depth3_layer li a { display:block; height:30px; width:147px; padding:0 0 0 2px; background:#fff; font-size:15px; color:#333; }
.all_depth3_layer li a:hover { color:#0c9ae4; }

/* #menu .menu_wrap .lnb ul { float:left; }
#menu .menu_wrap .lnb li { position:relative; float:left; margin-right:9px; text-align:center; letter-spacing:-0.5px;}
#menu .menu_wrap .lnb li a { display:inline-block; padding:0 8px; height:48px; font-size:15px; color:#444; line-height:48px; }
#menu .menu_wrap .lnb li a:hover { display:inline-block; padding:0 8px; height:48px; color:#0569e3; } */


/* frame01 */
#frame01_wrap { clear:both; width:100%; height:453px; background-color:#f0f0f0; }
#frame01_wrap .frame01_cnt  { width:1200px; margin:0px auto; }
.frame01_cnt .today_box { position:relative; float:left; width:290px; height:393px; background-color:#2a344d; margin:30px 15px 0 0; }
.frame01_cnt .today_tit { width:290px; text-align:center; padding:30px 0 30px 0; font-size:28px; font-family:"Arial"; font-weight:bold; color:#fff; }
.frame01_cnt .today_tit span { font-size:30px; color:#7292d9;  }
.frame01_cnt .today_procnt { clear:both; width:290px; }
.frame01_cnt .today_product { width:190px; height:190px; overflow:hidden; border-radius:100px; background-color:#fff; margin:0px auto; }
.frame01_cnt .today_product img {  width:190px; height:190px; }
.frame01_cnt .today_prname { clear:both; width:260px; margin:0px auto; padding-top:20px;  text-align:center; font-size:15px; color:#fff; line-height:20px; }
.frame01_cnt .today_prname a { color:#fff; }
.frame01_cnt .today_prprice { clear:both; width:260px; margin:0px auto;  text-align:center; font-size:15px; color:#fff; }
.frame01_cnt .today_prprice a { color:#fff; }
.frame01_cnt .today_arrow_l { position:absolute;  top:185px; left:20px; z-index:100; }
.frame01_cnt .today_arrow_r { position:absolute;  top:185px; right:20px; z-index:100; }
.frame01_cnt .m_banner { float:left; width:597px; height:393px; margin:30px 15px 0 0; overflow:hidden; }
.frame01_cnt .hot_probox { float:right; width:281px; height:393px; border:1px solid #dedede; background-color:#fff; margin-top:30px; }
.frame01_cnt .hot_procnt { position:relative;  float:left; width:241px; padding:20px; border-bottom:1px solid #dedede; }
.frame01_cnt .hot_procnt .hot_proimg { float:left; width:88px; height:88px; border:1px solid #dedede; overflow:hidden; margin-right:23px; }
.frame01_cnt .hot_procnt .hot_proimg img { width:88px; height:88px; }
.frame01_cnt .hot_procnt .hot_proinfo { float:left; width:120px; }
.frame01_cnt .hot_procnt .hot_proinfo .hot_proname { font-size:15px; color:#444; margin-bottom:15px; }
.frame01_cnt .hot_procnt .hot_proinfo .hot_proname:hover { color:#0569e3; }
.frame01_cnt .hot_procnt .hot_proinfo .hot_proprice { font-size:14px; color:#444; color:#2c86d9; }
.frame01_cnt .hot_procnt .hot_proinfo .hot_proprice span {  font-size:14px; font-weight:bold; white-space : nowrap; text-overflow : ellipsis;}
.frame01_cnt .hot_procnt .hot_icon {  position:absolute;  top:10px; left:8px; }


/* frame02 */
#frame02_wrap { clear:both; width:100%; height:660px; }
#frame02_wrap .frame02_cnt  { width:1200px; margin:0px auto; }
.frame02_cnt h1 { font-family:'NanumSquare'; padding:55px 0 35px 0; text-align:center; }
.frame02_cnt h1 span { display:inline-block; line-height:70px; font-size:35px; padding-left:50px; background:url("../images/click_icon.jpg") no-repeat; }
.frame02_cnt h1 .blue_point { font-size:35px; color:#0c79e8; padding-left:0; background:none; }
.frame02_cnt .click_procnt { clear:both; float:left; margin-bottom:10px; }
.frame02_cnt .click_procnt li { float:left; width:328px; height:161px; border:1px solid #dedede; border-top:2px solid #11c3d3; margin:0 15px 50px 15px; padding:20px; }
.frame02_cnt .click_procnt li:nth-child(4) { margin:0 15px 0 15px; }
.frame02_cnt .click_procnt li:nth-child(5) { margin:0 15px 0 15px; }
.frame02_cnt .click_procnt li:nth-child(6) { margin:0 15px 0 15px; }
.frame02_cnt .click_proinfo { float:left; width:155px; margin-right:13px; }
.frame02_cnt .click_proinfo .click_proname { font-size:15px; color:#444; margin:10px 0 15px 0; line-height:22px;  }
.frame02_cnt .click_proinfo .click_proname:hover { color:#0dafbe; text-decoration:underline; }
.frame02_cnt .click_proinfo .click_proprice { font-size:15px; color:#444; margin-bottom:40px; }
.frame02_cnt .click_proinfo .click_proprice span {  font-size:15px; font-weight:bold; }
.frame02_cnt .click_proinfo .click_detailbt { width:93px; height:26px; background-color:#11c3d3; text-align:center; color:#fff; font-size:13px; line-height:26px; }
.frame02_cnt .click_proinfo .click_detailbt:hover { background-color:#0dafbe; }
.frame02_cnt .click_proimg { float:right; width:138px; height:138px; border:1px solid #dedede; overflow:hidden; padding:10px; }
.frame02_cnt .click_proimg img { width:138px; height:138px; }


/* frame03 */
#frame03_wrap { clear:both; width:100%; }
#frame03_wrap .frame03_cnt  { width:1200px; margin:0px auto; }
.frame03_cnt h1 { font-family:'NanumSquare'; padding:55px 0 10px 0; text-align:center; font-size:40px; color:#ea6710; }
.frame03_cnt .frame03_info { width:100%; text-align:center; font-size:18px; color:#2e2e2e; padding:0 0 45px 0; }
.frame03_cnt .pro_tab { float:none; width:1198px; height:50px; margin:0 auto; font-size:0; background:#f0f0f0; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.frame03_cnt .pro_tab li  { display:inline-block; font-size:12px; text-align:center;margin-top:0px; width:199.5px; height:50px; }
.frame03_cnt .pro_tab li a { display:block; padding:0px;  height:48px;line-height:50px; color:#555; font-size:16px; border-top:2px solid #000; border-right:1px solid #d8d8d8;  }
.frame03_cnt .pro_tab li:last-child a { border-right:0; width:200.5px;}
.frame03_cnt .pro_tab li a:first-child { border-left:0;}
.frame03_cnt .pro_tab li.on a{color:#333; font-weight:normal; background:#ffffff;border-top:2px solid #ed1c24;border-bottom:1px solid #fff; }
.frame03_cnt .pro_tab li:first-child a{margin-left:0;}
.frame03_cnt .pro_tab_cnt { display:none; width:1138px; height:490px; border-right:1px solid #dedede; border-bottom:1px solid #dedede;  border-left:1px solid #dedede; padding:40px 20px 40px 40px; margin-bottom:50px; }
.frame03_cnt .pro_tab_cnt li { position:relative; float:left; margin:0 18px 12px 18px; }
.frame03_cnt .pro_tab_cnt li a:hover { text-decoration:underline; }
.frame03_cnt .pro_tab_cnt li:first-child { margin:0 25px 12px 0; }
.frame03_cnt .pro_tab_cnt .sm_label {  position:absolute;  top:1px; left:1px; width:30px; height:30px; background-color:#ed4416; font-family:'NanumSquare'; font-size:17px; color:#fff; font-weight:bold; line-height:30px; text-align:center; }
.frame03_cnt .pro_tab_cnt .sm_proimg { width:165px; height:165px; border:1px solid #dedede; padding:10px; margin-bottom:10px; }
.frame03_cnt .pro_tab_cnt .sm_proimg img { width:165px; height:165px; }
.frame03_cnt .pro_tab_cnt .sm_proname { width:175px; height:50px; font-size:15px; color:#444; text-align:center; margin:0 5px; overflow:hidden; }
.block_on { display: block !important;}

.frame03_cnt .pro_tab_cnt .big_pro_cnt { position:relative; float:left; width:440px; }
.frame03_cnt .pro_tab_cnt .big_pro_cnt .big_label {  position:absolute;  top:1px; left:1px; width:53px; height:53px; background-color:#ed4416; font-family:'NanumSquare'; font-size:30px; color:#fff; font-weight:bold; line-height:53px; text-align:center; }
.frame03_cnt .pro_tab_cnt .big_pro_cnt .big_proimg { width:348px; height:348px; border:1px solid #dedede; padding:45px; margin-bottom:20px; }
.frame03_cnt .pro_tab_cnt .big_pro_cnt .big_proimg img { width:348px; height:348px; }
.frame03_cnt .pro_tab_cnt .big_pro_cnt .big_proname { width:438px; font-size:16px; color:#444; text-align:center; }
.frame03_cnt .pro_tab_cnt .sm_pro_cnt { float:left; width:670px; }
.frame03_cnt .pro_tab_cnt .sm_pro_cnt li { position:relative; float:left; margin:0 18px 12px 18px; }
.frame03_cnt .pro_tab_cnt .sm_pro_cnt .sm_label {  position:absolute;  top:1px; left:1px; width:30px; height:30px; background-color:#ed4416; font-family:'NanumSquare'; font-size:17px; color:#fff; font-weight:bold; line-height:30px; text-align:center; }
.frame03_cnt .pro_tab_cnt .sm_pro_cnt .sm_proimg { width:165px; height:165px; border:1px solid #dedede; padding:10px; margin-bottom:10px; }
.frame03_cnt .pro_tab_cnt .sm_pro_cnt .sm_proimg img { width:165px; height:165px; }
.frame03_cnt .pro_tab_cnt .sm_pro_cnt .sm_proname { width:175px; font-size:15px; color:#444; text-align:center; margin:0 5px; }


/* frame04 */
#frame04_wrap { clear:both; width:100%; height:1005px; background-color:#e1ecf2; }
#frame04_wrap .frame04_cnt  { width:1200px; margin:0px auto; }
.frame04_cnt h1 { font-family:'NanumSquare'; text-align:center; font-size:40px; color:#2270bf; padding-top:65px; }
.frame04_cnt .frame04_info { width:100%; text-align:center; font-size:18px; color:#333; padding:10px 0 45px 0; }
.frame04_cnt .best_cnt { float:left; width:322px; height:690px; background-color:#fff; margin-right:27px; padding:20px 30px; }
.frame04_cnt .best_cnt li { clear:both; float:left; }
.frame04_cnt .best_cnt .best_big { float:left; width:322px; text-align:center; }
.frame04_cnt .best_cnt .best_bigimg { width:220px; height:220px; padding:15px; margin:0 36px 10px 36px; }
.frame04_cnt .best_cnt .best_bigimg img { width:220px; height:220px; text-align:center; }
.frame04_cnt .best_cnt .best_bigname { width:250px; height:50px; overflow:hidden; text-align:center; margin:0 36px 10px 36px; font-size:15px; }
.frame04_cnt .best_cnt .best_bigname:hover { color:#2c86d9; }
.frame04_cnt .best_cnt .best_smlist { clear:both; margin-bottom:20px;  }
.frame04_cnt .best_cnt .best_smlist .best_smimg { float:left; margin-right:20px; width:92px; height:92px; overflow: hidden; border:1px solid #dedede; padding:3px; }
.frame04_cnt .best_cnt .best_smlist .best_smimg img { width:92px; height:92px; }
.frame04_cnt .best_cnt .best_smlist .best_sminfo { float:left; width:200px; } 
.frame04_cnt .best_cnt .best_smlist .best_sminfo .best_smname { font-size:15px; margin-bottom:10px; }
.frame04_cnt .best_cnt .best_smlist .best_sminfo .best_smname:hover { color:#2c86d9; }
.frame04_cnt .best_cnt .best_smlist .best_sminfo .best_smprice { font-size:16px; color:#2c86d9; font-weight:bold; }


/* frame05 */
#frame05_wrap { position:relative; clear:both; width:100%;  }
#frame05_wrap .frame05_cnt  { width:1200px; margin:0px auto; }
#frame05_wrap .new_leftbt { position:absolute; top:300px; left:50%; margin-left:-650px; cursor:pointer; z-index:200;}
#frame05_wrap .new_rightbt { position:absolute; top:300px; left:50%; margin-left:600px; cursor:pointer; z-index:200;}
.frame05_cnt h1 { font-family:'NanumSquare'; text-align:center; font-size:45px; color:#13a498; padding-top:60px; }
.frame05_cnt .frame05_info { width:100%; text-align:center; font-size:18px; color:#2e2e2e; padding:7px 0 80px 0; }
.frame05_cnt .new_cnt { clear:both; float:left; padding:0 20px 70px 20px; overflow:hidden; width:100%;}
.frame05_cnt .new_cnt .new_item { position:relative; float:left; margin:0 7px; }
.frame05_cnt .new_cnt .new_item .new_icon { position:absolute; top:10px; left:5px; width:48px; height:48px; font-size:14px; color:#fff; line-height:48px; font-weight:bold; text-align:center; background-color:#00c01e; border-radius:130px;   }
.frame05_cnt .new_cnt .new_item .new_proimg { width:165px; height:165px; padding:25px; overflow: hidden; border:1px solid #dedede; border-radius:130px; margin-bottom:25px;  }
.frame05_cnt .new_cnt .new_item .new_proimg img { width:165px; height:165px; }
.frame05_cnt .new_cnt .new_item .new_proname {   margin:0px auto;  width:175px;  font-size:15px; text-align:center; color:#444; }
.slick-slide { float:left !important; }


/* frame06 */
#frame06_wrap { clear:both; width:100%; background-color:#f2f2f2; display:block; padding:25px 0 50px 0; }
#frame06_wrap .frame06_cnt  { clear:both;  width:1200px; margin:0px auto; padding:0 40px; background-color:#f2f2f2;  }
.frame06_cnt .cate_cnt { clear:both; height:350px; margin-top:15px;  }
.frame06_cnt .cate_cnt .cate_tit { float:left; font-size:23px; color:#333; font-weight:bold; margin-bottom:15px; padding-left:12px;  }
.frame06_cnt .cate_cnt .cate_list { clear:both; }
.frame06_cnt .cate_cnt .cate_list li { float:left; width:190px; height:272px; background-color:#fff; padding:5px 13px 10px 13px; margin:0 12px; border-radius:10px; }

 
.frame06_cnt .cate_cnt .cate_list .cate_proimg { width:160px; height:160px; padding:15px; margin-bottom:5px; }
.frame06_cnt .cate_cnt .cate_list .cate_proimg img { width:160px; height:160px; } 
.frame06_cnt .cate_cnt .cate_list .cate_proname { width:165px; height:48px; font-size:15px; text-align:left; color:#444; padding-left:10px; overflow:hidden;  }
.frame06_cnt .cate_cnt .cate_list .cate_proname:hover { text-decoration:underline; }
.frame06_cnt .cate_cnt .cate_list .cate_proprice { width:170px;  font-size:16px;  text-align:right; color:#e94143;  }


/* 하단 */
#bt_wrap { clear:both; width:100%; border-top:1px solid #dedede; }
.bt_box { width:1200px; margin:0px auto; padding:40px 0 0 0; height:270px; }

.bt_box .cs_center { float:left; width:240px; margin-right:40px; }
.bt_box .cs_center h2 { font-size:26px; color:#444; background:url('../images/cs_icon.jpg') no-repeat 0 7px; padding-left:32px; margin-bottom:10px; font-weight:normal;  }
.bt_box .cs_center h2 span { font-size:27px;  color:#0290be; } 
.bt_box .cs_center .cs_cnt { clear:both; float:left; width:240px; height:95px; }
.bt_box .cs_center .tell_number { font-family:"NanumSquare";  font-size:30px; font-weight:bold; color:#095cd7; margin-bottom:15px; }
.bt_box .cs_center .cs_time { clear:both; font-size:16px; line-height:22px; margin-bottom:5px; color:#666; }
.bt_box .cs_center .cs_time span { font-weight:bold;  }

.bt_box .bank_info { float:left; width:270px; margin-right:40px; }
.bt_box .bank_info h2  { font-size:26px; color:#444; background:url('../images/cs_icon02.jpg') no-repeat 0 10px; padding-left:37px; margin-bottom:20px; font-weight:normal;  }
.bt_box .bank_info h2 span { font-size:27px;  color:#0290be; } 
.bt_box .bank_info .bank_cnt { clear:both; float:left; }
.bt_box .bank_info p { font-size:18px; line-height:30px; }

.bt_box .notice { position:relative; float:left; width:320px; margin-right:40px; }
.bt_box .notice h2  { font-size:26px; color:#444; margin-bottom:20px; font-weight:normal;  }
.bt_box .notice h2 span { font-size:27px;  color:#0290be; } 
.bt_box .notice ul { clear:both; width:325px; padding-left:5px; }
.bt_box .notice ul li { font-size:12px; color:#666; }
.bt_box .notice ul li { background:url('../images/common/n_bullet.gif') no-repeat 0 13px; padding-left:13px; width:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bt_box .notice ul li a { font-size:15px; line-height:30px; color:#666; }
.bt_box .notice ul li a:hover { color:#0290be; text-decoration:underline; }
.bt_box .notice .notice_more a { position:absolute; top:10px; right:10px; font-size:13px; }

.bt_box .bt_quick { float:left; margin-top:15px; }
.bt_box .bt_quick li { float:left; margin:0 10px 20px 0; } 
.bt_box .bt_quick li a { display:inline-block; width:110px; float:left; text-align:center; font-family:'NanumSquare'; font-size:17px; color:#0290be; font-weight:bold; }
.bt_box .bt_quick li a span { display:inline-block; padding-top:10px; }
.bt_box .bt_quick li:nth-child(3) { clear:both; float:left; } 

#copy_wrap { clear:both; width:100%; border-top:1px solid #dedede }
.bt_copy { width:1200px; margin:0px auto; padding:20px 0 10px 0; }
.bt_lnb { float:left; margin-bottom:10px; }
.bt_lnb li { display:inline; padding-right:5px; }
.bt_lnb .fist_bt_lnb { padding-left:0; }
.bt_lnb a { font-family:"����", dotum; font-size:15px; color:#666; font-weight:bold; }
.copy { clear:both; float:left; font-family:"����", dotum; font-size:12px; color:#999; letter-spacing:-0.5; line-height:18px; margin-bottom:20px; }


/* quick */
.quick { width:83px; border:1px solid #ddd; }

/* ���޴� */
#quick_menu { position:absolute; top:238px; left:50%; margin-left:630px; width:85px; height:539px; z-index:100; }
#quick_menu div { float:left; } 
#quick_menu .q_cart a { display:inline-block; width:83px; height:35px; text-align:center; color:#333; font-size:15px; padding-top:55px; margin-bottom:8px; border:1px solid #ddd; background:#fff url('../images/common/quick01.gif') no-repeat 23px 10px; }
#quick_menu .q_cart a:hover { color:#0290be; }
#quick_menu .q_fa a  { display:inline-block; width:83px; height:35px; text-align:center; color:#333; font-size:15px; padding-top:55px; margin-bottom:8px; border:1px solid #ddd; background:#fff url('../images/common/quick02.gif') no-repeat 23px 20px; }
#quick_menu .q_fa a:hover { color:#0290be; }


#quick_menu .recent { clear:both; float:left; position:relative; width:83px; height:228px; border:1px solid #ddd; background-color:#fff; padding-top:18px; }
#quick_menu .recent ul li img { width:61px; height:61px; border:1px solid #ddd; }
#quick_menu .recent ul { margin-top:5px; }
#quick_menu .recent ul li { margin-bottom:6px; width:83px; text-align:center; }
#quick_menu .recent button { cursor:pointer; z-index:9999; }
#quick_menu .recent .prev { position:absolute; left:0; top:0; width:83px; height:18px; background:url("../images/common/rt_up.gif") no-repeat; }
#quick_menu .recent .next { position:absolute; left:0; bottom:0; width:83px; height:18px; background:url("../images/common/rt_dw.gif") no-repeat; }
#quick_menu .q_top { clear:both; float:left; text-align:center; }
#quick_menu .sns_banner { clear:both; float:left; margin-top:5px; }

.cal_bor .ui-datepicker-trigger{   
	display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    border-left: 1px solid #c0c0c0;
    text-align: center;
    cursor: pointer;
 }