@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:29px; background-color:#f6f6f6; border-bottom:1px solid #ddd; }
#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 12px; line-height:29px; border-right:1px solid #ddd; }
#header .top_wrap ul li:first-child { border-left:1px solid #ddd; }
#header .top_wrap ul li { font-family:Dotum; font-size:12px; color:#6e6e6e; }
#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 { clear:both; width:1200px; margin:0px auto; }
#header .logo { float:left; width:300px; height:130px; display:table; text-align:center; margin-right:55px; } 
#header h1 { display:table-cell; vertical-align:middle; }

/* 검색 */
#header .serach_cnt { float:left; margin-top:30px; }
#header .search_box { position:relative; width:485px; height:34px; border:2px solid #0c9ae4; border-radius:45px; background-color:#fff; vertical-align:middle;}
#header .search_box input { float:left; width:426px; height:34px; padding:0 0 0 15px; border:none; background-color: transparent; color:#444; }
#header .sch_btn {position:absolute;right:18px;top:4px;width:25px;height:25px;display:block;text-indent:-9999px;background:url("../images/common/ico_sch.gif") no-repeat 0 0; cursor:pointer; }
#header .search_auto { position:absolute; top:36px; left:10px; width:446px;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; }
#header .search_info { clear:both; float:left; width:510px; margin-top:12px; }
#header .search_info input[type=text] { width:79px; margin-right:8px; padding:3px 4px; border:1px solid #d0d0d0; text-align:center; }
#header .tell_info { float:right; width:195px; margin:18px 10px 0 0; overflow:hidden; padding-left:65px; background:url("../images/common/call_icon.gif") no-repeat 0 20px; }
#header .tell_info .tell_number { font-size:22px; line-height:35px; color:#444; }
#header .tell_info .tell_time { font-size:15px; line-height:21px; color:#666; }
#header .tell_info .closed_today { font-size:15px; line-height:21px; color:#666; }

#menu { clear:both; width:100%; height:48px; background-color:#009de6; }
#menu .menu_wrap { width:1200px; margin:0px auto; }
#menu .menu_wrap .all_menu { position:relative; float:left; margin-right:15px; }

.all_menu .all_menu_click { display:inline-block; width:40px; height:48px; color:#fff; font-size:15px; line-height:40px; background:#068bc9 url("../images/common/all.png") no-repeat 13px 18px; padding-left:33px; line-height:47px; }
.all_menu_cnt { position:absolute; top:48px; 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:#fff; color:#0c9ae4; }
.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:10px 0 15px 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; width:1130px; }
#menu .menu_wrap .lnb li { position:relative; float:left; margin-right:18px; text-align:center; letter-spacing:-1px; }
#menu .menu_wrap .lnb li a { display:inline-block; padding:0 5px; height:48px; font-size:15px; color:#fff; line-height:48px; }
#menu .menu_wrap .lnb li a:hover, .lnb li.on a { display:inline-block; padding:0 5px; height:48px; background-color : rgba( 0, 0, 0, 0.2 ); }
#menu .menu_wrap .lnb li:last-child { margin-right:0; }

.sub_m_cnt { position:absolute; top:42px; left:0; width:170px !important; z-index:1000; }
.sub_m { position:relative; }
.sub_m ul { float:left; margin-top:6px; width:170px !important; 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; }

#visual { clear:both; position:relative; width:100%; height:320px; background-color:#d0d1d1;  overflow:hidden; padding:30px 0; }
#visual a.arrow { position:absolute;top:30%;font-size:50pt;font-weight:bold; z-index:200; }
#visual a.arrow.left { left:50%;margin-left:-650px; }
#visual a.arrow.right { right:50%;margin-right:-640px; }
#visual .visual_cnt { margin:0 auto; width:1900px; }
#visual .visual_cnt .visual_item { position:relative; float:left; width:238px; margin:0 10px; }
#visual .visual_cnt .visual_item .op { opacity:0.1;}
#visual .visual_cnt .visual_item .opc { position:absolute; top:0; left:0; width:238px; height:318px; z-index:100; }
/* #visual .visual_cnt .visual_item .picBox { background:#fff; } */
#visual .visual_cnt .visual_item .picBox .pic { position:relative; width:238px; height:238px; overflow:hidden; border-bottom:1px solid #ddd; border-top-right-radius:3px; border-top-left-radius:3px; }
#visual .visual_cnt .visual_item .picBox .pic .visual_best { position:absolute; top:0; left:7px; }
#visual .visual_cnt .visual_item .picBox .pic .visual_best img {  width:45px !important; height:43px !important;   }
#visual .visual_cnt .visual_item .picBox .pic img { height:238px; margin:0 auto; }
#visual .visual_cnt .visual_item .picBox .info { width:238px; height:79px; text-align:center; background-color:#fff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; }
#visual .visual_cnt .visual_item .picBox .info .v_tit { font-size:17px; color:#444; padding:13px 0 3px 0; letter-spacing:-1px; overflow: hidden; height: 20px; white-space: nowrap; text-overflow: ellipsis;}
#visual .visual_cnt .visual_item .picBox .info .v_price {font-size:17px; color:#e94143; }
/* .visual_cnt .visual_item:not(.slick-active) .picBox {opacity:0.5;} */  

/* .slick-active:nth-child(n+2) .picBox {opacity:0.5;}
.slick-active:nth-child(n+6) .picBox {opacity:0.5;}
.slick-active:nth-child(n+7) .picBox {opacity:0.5;} */

/* 메인 배너 */
#m_banner { clear:both; width:100%; height:752px; background-color:#fff; }
#m_banner .banner_cnt { width:1198px; height:715px; border:1px solid #ddd; margin:0px auto; margin-top:35px; }
#m_banner .banner_cnt li { float:left; }
#m_banner .banner_left { float:left; width:477px; height:715px; border-right:1px solid #ddd; }
#m_banner .left_item1 { position:relative; width:238px; height:357px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#m_banner .left_item1 .left_item1_tit a { position:absolute; width:198px; height:60px; padding:20px; color:#fff; font-size:16px; line-height:24px; }
#m_banner .left_item1 .left_item1_img { position:absolute; bottom:19px; left:0; width:238px; height:200px; text-align:center; }
#m_banner .left_item1 .left_item1_img img { width:200px; height:200px; }
#m_banner .left_item2 { position:relative; width:238px; height:357px; border-bottom:1px solid #ddd; }
#m_banner .left_item2 .left_item2_tit a { position:absolute; width:198px; height:60px; padding:20px; color:#444; font-size:16px; line-height:24px; }
#m_banner .left_item2 .left_item2_img { position:absolute; bottom:19px; left:0; width:238px; height:200px; text-align:center; }
#m_banner .left_item2 .left_item2_img img { width:200px; height:200px; }
#m_banner .left_item3 { position:relative; width:477px; height:118px; border-bottom:1px solid #ddd; }
#m_banner .left_item3 .left_item3_tit a { position:absolute; width:198px; height:60px; padding:20px; color:#444; font-size:16px; line-height:24px; }
#m_banner .left_item3 .left_item3_img { position:absolute; bottom:0; right:0; width:118px; height:118px; }
#m_banner .left_item3 .left_item3_img img { width:118px; height:118px; }
#m_banner .left_item4 { width:477px; height:238px; }

#m_banner .banner_center { float:left; width:238px; height:715px; border-right:1px solid #ddd; }
#m_banner .center_item { position:relative; width:238px; height:357px; }
#m_banner .center_item .center_item_tit a { position:absolute; bottom:0; width:198px; height:60px; padding:20px; color:#fff; font-size:16px; line-height:24px; }
#m_banner .center_item .center_item_img { position:absolute; top:19px; left:0; width:238px; height:200px; text-align:center; }
#m_banner .center_item .center_item_img img { width:200px; height:200px; }

#m_banner .banner_right { float:right; width:481px; height:715px; }
#m_banner .right_item1 { width:481px; height:476px; border-bottom:1px solid #ddd; }
#m_banner .right_item2 { position:relative; width:240px; height:238px; }
#m_banner .right_item2 .right_item2_tit a { position:absolute; top:0; left:0; width:240px; height:40px; padding:10px; color:#444; font-size:16px; line-height:24px; }
#m_banner .right_item2 .right_item2_img { position:absolute; bottom:0; right:0; width:165px; height:165px; }
#m_banner .right_item2 .right_item2_img img { width:165px; height:165px; }
#m_banner .bg_tit_b a { background-color:#1b9ee1; }
#m_banner .bg_tit_or a { background-color:#e9a038; }
#m_banner .bg_tit_g a { background-color:#12a99d; }

/* 베스트 상품 */
#best_cnt { clear:both; width:100%; height:575px; background:url("../img/best_bg.jpg") no-repeat center; }
#best_cnt .best_wrap { width:1200px; margin:0px auto; height:575px; }
#best_cnt .best_title { width:1200px; text-align:center; font-size:38px; color:#fff; font-family:"Verdana"; font-weight:bold; padding-top:45px; }
#best_cnt .best_info { width:1200px; text-align:center; font-size:19px; color:#fff; padding:15px 0 50px 0; }
#best_cnt .best_list { float:left; width:1122px; margin-left:39px; }
#best_cnt .best_list li { position:relative; float:left; width:258px; height:341px;margin-right:22px; }
#best_cnt .best_list .best_icon { position:absolute; top:0; left:0; }
#best_cnt .best_list .best_img { width:200px; height:200px; padding:35px 32px 15px 32px; text-align:center; background-color:#fff; border-bottom:1px solid #ddd; }
#best_cnt .best_list .best_img img { width:200px; height:200px; text-align:center; background-color:#fff; }
#best_cnt .best_list .best_name { width:214px; height:55px; text-align:center; background-color:#f5f3f3; padding:12px 25px; }
#best_cnt .best_list .best_name a { display:inline-block; width:216px; height:55px; text-align:center; color:#444; font-size:16px; line-height:22px; }
#best_cnt .best_list .best_name a:hover { text-decoration:underline; }

#container { clear:both; width:100%; }
#container .cnt_wrap { width:1200px; margin:0px auto; }

/* 신상품 / 베스트상품 */
.new_p { position:relative; float:left; width:575px; margin:40px 23px 40px 0; }
.new_p .select_bt { position:absolute; top:18px; right:15px; padding:0; }
.new_p .select_bt li { float:left; margin-right:7px; width:8px; height:8px; }
.new_p .new_p_tit {  width:555px; height:43px; background-color:#34a8e0; font-size:21px; color:#fff; font-weight:bold; padding-left:20px; line-height:40px; }
.new_p .new_p_cnt { width:575px; height:487px; padding:17px 11px 20px 11px; border:1px solid #ddd; }
.new_p .new_p_cnt ul { float:left; width:551px; }
.new_p .new_p_cnt li { float:left; width:165px; margin:9px }
.new_p .new_p_thum { width:147px; height:147px; padding:8px; border:1px solid #ddd; margin-bottom:5px; }
.new_p .new_p_thum img { width:147px; height:147px; }
.new_p .new_p_name a { float:left; width:100%; text-align:center; font-size:15px; color:#444; overflow:hidden; word-break:break-all; line-height:20px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new_p .new_p_name a:hover { text-decoration:underline; }

.best_p { position:relative; float:right; width:575px; margin:40px 0; }
.best_p .select_bt { position:absolute; top:18px; right:15px; padding:0; }
.best_p .select_bt li { float:left; margin-right:7px; width:8px; height:8px; }
.best_p .best_p_tit { width:555px; height:43px; background-color:#fbb533; font-size:21px; color:#fff; font-weight:bold; padding-left:20px; line-height:40px; }
.best_p .best_p_cnt { width:575px; height:487px; padding:17px 11px 20px 11px; border:1px solid #ddd; }
.best_p .best_p_cnt ul { float:left; width:551px; }
.best_p .best_p_cnt li { float:left; width:165px; margin:9px }
.best_p .best_p_thum { width:147px; height:147px; padding:8px; border:1px solid #ddd; margin-bottom:5px; }
.best_p .best_p_thum img { width:147px; height:147px; }
.best_p .best_p_name a { float:left; width:100%; text-align:center; font-size:15px; color:#444; overflow:hidden; word-break:break-all; line-height:20px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.best_p .best_p_name a:hover { text-decoration:underline; }

/* 추천 상품 */
#rmd_cnt { clear:both; width:100%; height:365px; background-color:#54d3d4; }
#rmd_cnt .rmd_wrap { width:1200px; margin:0px auto; height:355px; }
#rmd_cnt .rmd_info { float:left; margin:42px 0 0 15px;} 
#rmd_cnt .rmd_list { float:left; margin:50px 0 0 100px; }
#rmd_cnt .rmd_list li { position:relative; float:left; width:200px; height:275px; background-color:#fff; border-right:1px solid #ddd; }
#rmd_cnt .rmd_list .rmd_img { width:170px; height:170px; padding:15px 15px 10px 15px ; background-color:#fff; }
#rmd_cnt .rmd_list .rmd_img img { width:170px; height:170px; }
#rmd_cnt .rmd_list .rmd_name { width:200px; text-align:center; margin-bottom:7px; }
#rmd_cnt .rmd_list .rmd_name a { display:inline-block; width:200px; text-align:center; color:#444; font-size:15px; line-height:18px; }
#rmd_cnt .rmd_list .rmd_name a:hover { text-decoration:underline; }
#rmd_cnt .rmd_list .rmd_price { width:200px; text-align:center; }
#rmd_cnt .rmd_list .rmd_price a { display:inline-block; width:200px; text-align:center; color:#e94143; font-size:16px; font-weight:bold; }
#rmd_cnt .rmd_list .rmd_price a:hover { text-decoration:underline; }

/* 카테고리별 상품 */
.cate_product { position:relative; width:1200px; margin:0px auto; padding-top:50px; }
.cate_product h2 { width:100%; text-align:center; font-family:"Montserrat"; font-size:30px; }
.cate_product h2 span { color:#33aade; }
/*
.cate_product .cate_tab { clear:both; float:left; margin:40px 0 20px 0; }
.cate_product .cate_tab li { float:left; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; background-color:#fff; }
.cate_product .cate_tab .last_cate { border:1px solid #ddd; }
.cate_product .cate_tab li a { display:inline-block; width:197px; height:45px; line-height:45px; font-size:17px; color:#444; }
.cate_product .cate_tab li.on a { background-color:#33aade; color:#fff; }
*/
.cate_product .cate_tab { position:relative; clear:both; float:left; width:1200px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; zoom:1; margin:40px 0 20px 0; }
.cate_product .cate_tab li { float:left; border-right:1px solid #ddd; border-top:1px solid #ddd; text-align:center; }
.cate_product .cate_tab li a { display:block;  width:199px; height:45px; line-height:42px; padding-top:3px; text-decoration:none; font-size:16px; color:#333; }
.cate_product .cate_tab li.on a { background-color:#33aade; color:#fff; }
.cate_product .c_product_list { clear:both; float:left; margin-top:15px; display: none;}
.cate_product .c_product_list li { position:relative; float:left; text-align:center; margin:0 31px 25px 0; }
.cate_product .c_product_list .pl_last { margin:0 0 25px 0;  }
.cate_product .c_product_list .c_thum { width:162px; height:162px; border:1px solid #ddd; padding:5px; margin-bottom:10px; } 
.cate_product .c_product_list .c_thum img { width:162px; height:162px; }
.cate_product .c_product_list .c_tit a { display:inline-block; width:163px; font-size:14px; color:#444; height:40px; height:39px; line-height:19px; text-align:center; overflow:hidden; word-break:break-all; }
.cate_product .c_product_list .c_tit a:hover { text-decoration:underline; }
.cate_product .c_product_list .c_price a {  width:163px; font-size:15px; color:#e94143; height:40px; text-align:center; overflow:hidden; word-break:break-all; }
.cate_product .c_product_list .c_price a:hover { text-decoration:underline; }
.block_on { display: block !important;}
/* 하단 */
#bt_wrap { clear:both; width:100%; }
.bt_box { width:1200px; margin:0px auto; padding:50px 0 20px 0; height:250px; }
.bt_box .notice { position:relative; float:left; width:360px; margin-right:55px; }
.bt_box .notice h2 { font-size:21px; color:#444; height:37px; border-bottom:2px solid #000; margin-bottom:20px; font-weight:normal; }
.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:12px; width:310px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bt_box .notice ul li a { font-size:14px; line-height:30px; color:#666; }
.bt_box .notice ul li a:hover { color:#568139; text-decoration:none; }
.bt_box .notice .notice_more a { position:absolute; top:7px; right:0px; font-size:13px; }

.bt_box .cs_center { float:left; width:360px; margin-right:55px; }
.bt_box .cs_center h2 { font-size:21px; color:#444; height:37px; border-bottom:2px solid #000; margin-bottom:20px; font-weight:normal;  }
.bt_box .cs_center .cs_cnt { clear:both; float:left; width:240px; height:95px; background:url('../images/common/cs_bg.jpg') no-repeat 0 5px; padding-left:120px; }
.bt_box .cs_center .cs_time { clear:both; font-size:15px; line-height:22px; margin-bottom:5px; color:#666; }
.bt_box .cs_center .tell_number { font-family:"Verdana";  font-size:27px; color:#e63059; margin-bottom:5px; }

.bt_box .bank_info { float:left; width:360px; }
.bt_box .bank_info h2 { font-size:21px; color:#444; height:37px; border-bottom:2px solid #000; margin-bottom:20px; font-weight:normal; }
.bt_box .bank_info .bank_cnt { clear:both; float:left; width:230px; height:95px; background:url('../images/common/ac_bg.jpg') no-repeat 10px 5px; padding-left:130px; }
.bt_box .bank_info p { font-size:17px; line-height:30px; }

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

.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;}
    
.company_box { float:left; width:1158px; border:1px solid #ddd; padding:20px; margin-bottom:30px; text-align:left; }