@charset "utf-8";
/* CSS Document */
/*140520 작성자 :조민주*/

@import url('common.css');/*공통요소부분*/
@import url('head.css');/*공통요소부분*/
@import url('font.css');

#catalog{left:-900px; width:1000px; position:fixed; background:#F00; height:100%; top:0px; z-index:300; padding-top:97px;}
#catalog .catalog_btn{ position:absolute; top:50%; margin-top:-120px; height:auto; z-index:101;right:-37px;}
.catalog_shadow{ position:absolute;height:100%; background:url(../img/common/catalog_bg.png) repeat-y 0 0; width:42px; right:0px; z-index:102; top:0;}

#sub_mb_wrap{width:100%; position:relative; height:389px; min-width:960px; overflow:hidden;}
#mall_menu{ position:absolute; background:url(../img/mall_menu_bg.png) no-repeat 0 0; width:213px; height:389px; z-index:101; left:50%; margin-left:-480px;}
.sub_mainbanner{text-align:center; width:100%; height:389px; min-width:960px; position:absolute; left:0px; top:0px;}

.sub_mb_arrow {z-index:100;  position:relative; width:960px; margin:0 auto; top:0px; min-width:960px;}
.sub_mb_arrow p{display:inline;}
.sub_mb_arrow .sub_mb_arrow_back{ position:absolute; top:180px; width:26px; left:200px;}
.sub_mb_arrow .sub_mb_arrow_next{ position:absolute; top:180px; width:26px; right:-30px;}
.gong{position:absolute; top:340px; left:250px;}
.gong p{display:inline; padding:0 3px;}

#sub_menu_nav{ top:150px; position:absolute;  z-index:200;}
#sub_menu_nav li{ position:relative; width:185px; }
#sub_menu_nav li a{display:block;  color:#e6dbf2;  height:31px;  font-family:RixSGo;  font-weight:600;  font-size:11px; letter-spacing:-1px; color:#878787;  text-decoration:none; line-height:31px; padding-left:20px; }
#sub_menu_nav li a:hover{ background:url(../img/sub_menu_mall_bg.gif) no-repeat 0 0; color:#4a4a4a;}
#sub_menu_nav li.leaf a:hover{ background:#eee; color:#4a4a4a;}
#sub_menu_nav ul{ position:absolute; left:185px; width:160px; top:0px; display:none; z-index:200;}
/*
#sub_menu_nav li:hover ul{  opacity:1; }
*/
#sub_menu_nav ul li{  float:none; text-align:left; background: rgba(30, 30, 30, 0.8); opacity:0.8; -moz-opacity::0.2;}  
#sub_menu_nav ul li a{ font-size:11px;  font-weight:normal;  color:#c6c6c6; height:24px; line-height:24px; padding-left:20px; }
#sub_menu_nav ul li a:hover{  background:#000; color:#fff;  }
#sub_menu_nav ul li:first-child a{ border-top:10px #3c3c3c solid;}
#sub_menu_nav ul li:last-child a{ border-bottom:10px #3c3c3c solid;}

#sub_mall_ban{width:960px; margin:0px auto; position:relative; margin-top:25px;}
#sub_mall_ban img{padding-right:10px;}
#sub_mall_ban img:last-child{padding:0px;}
#sub_shop_search{width:100%; background:#eeeeee; min-width:960px;  padding:25px 0px; margin-top:25px;}
#sub_shop_search .search_wrap{width:960px; margin:0px auto;}
#sub_shop_search .search_wrap p{ display:inline}
#sub_shop_search .search_wrap ul li{float:left;}
#sub_shop_search .search_wrap ul .search_input{padding:0px 10px;}
#sub_shop_search .search_wrap ul .search_input input{font-size:12px; border:1px #CCC solid; height:22px; padding:0px 10px;}
#sub_shop_search #shop_wrap{width:990px; margin:0 auto; padding-left:30px; }
#sub_shop_search #shop_wrap .shop_list li{float:left; width:300px; padding-right:30px; margin-top:25px;}
#sub_shop_search #shop_wrap .shop_list .shop_box{padding:10px; background:#FFF; width:280px;height:390px; border:1px #b9b9b9 solid; position:relative;}
#sub_shop_search #shop_wrap .shop_list .shop_box p{display:block;}
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_name{ background:#999; font-family:RixSGo,NanumGothic; font-size:16px; font-weight:bold; padding:10px; color:#fff; text-align:center;}
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_menu{color:#777777;  padding:10px 5px 5px 5px; letter-spacing:-1px;}
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_info{font-weight:bold; color:#777777;  padding:5px 5px;}
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_link{ padding:5px 5px 10px 5px;}
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_link a{font-size:11px; text-decoration:underline; color:#999; }
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_coupon{background:#F00; position:absolute; right:10px; top:10px; font-family:RixSGo,NanumGothic; font-size:24px; font-weight:bold; z-index:1; color:#FFF; letter-spacing:-1px;}
#sub_shop_search #shop_wrap .shop_list .shop_box .shop_floor{position:absolute; left:10px; top:244px; background:#666; color:#eeeeee; font-size:11px; font-family:RixSGo; padding:10px;  line-height:17px; font-weight:bold; }
#sub_shop_search #shop_cate{width:960px; margin:0px auto;  padding:20px 0px 10px 0px; border-bottom:1px #b5b5b5 solid; height:26px;}
#sub_shop_search #shop_cate p{ display:inline;}
#sub_shop_search #shop_cate .tit_left{ float:left; }
#sub_shop_search #shop_cate .tit_right{ float:right; padding-top:10px;}
#sub_shop_search #shop_cate .shop_cate_tit{font-family:RixSGo,nanumgothic;color:#666;}
#sub_shop_search #shop_cate .shop_cate_tit2{font-size:24px; font-weight:bold; letter-spacing:-1px;}

#content{width:960px; margin:0 auto; position:relative;}
#content .leftmenu{float:left;  width:212px;}
#content .leftmenu .leftmenu_bg{border:1px #d6d6d6 solid; padding:10px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li{border-bottom:1px #e9e9e9 solid; letter-spacing:-1px; font-weight:bold; line-height:26px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li a{ color:#333; padding-left:10px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li a:hover{ background:#b5b8c7;  color:#fff; display:block; padding-left:10px; } 
/*
#content .leftmenu .leftmenu_bg .leftmenu_wrap li ul{margin-top:0px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li ul li {font-weight:normal; background:#f4f5f8; color:#70727d; font-size:11px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li ul li a{color:#70727d; padding-left:10px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li ul li a:hover{ background:none; color:#70727d; text-decoration:underline;}
*/
#content .leftmenu .leftmenu_bg .leftmenu_wrap li.link2 {background:#f4f4f4; border-bottom:1px solid #ddd; font-weight:normal; background:#f4f5f8; color:#70727d; font-size:11px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li.link2 a{color:#70727d; padding-left:10px;}
#content .leftmenu .leftmenu_bg .leftmenu_wrap li.link2 a:hover{ background:none; color:#70727d; text-decoration:underline;}
#content .content_area{float:right;}

#shop_info_layer_wrap{padding:30px; border:1px #CCCCCC solid; background:#FFF;}
#shop_info_layer_wrap .shop_tab_tit_line { position:relative; border-bottom:2px #000 solid; height:44px;}
#shop_info_layer_wrap .shop_tab_tit_line p{display:block; float:left;}
#shop_info_layer_wrap .shop_tab_tit_line .shop_tab_on{width:200px; background:#FFF;padding:15px 15px 13px 15px; border-top:2px #000 solid; border-right:2px #000 solid; border-left:2px #000 solid; text-align:center; font-weight:bold; font-size:14px;}
#shop_info_layer_wrap .shop_tab_tit_line .shop_tab{width:200px; padding:14px 15px 13px 15px; border-top:1px #8c8c8c solid; border-right:1px #8c8c8c solid; border-left:1px #8c8c8c solid; border-bottom:2px #000 solid; background:#f7f7f7; text-align:center; font-size:14px;}
#shop_info_layer_wrap .shop_tab_tit_line .map_print{padding:10px; border:1px #CCCCCC solid; right:0px; position:absolute;} 
#shop_info_layer_wrap .shop_img_area{float:left; width:400px; margin-top:40px;}
#shop_info_layer_wrap .shop_info_area{float:right;width:500px; margin-top:40px;}
#shop_info_layer_wrap .shop_info_area .layer_shop_tit{font-size:24px; font-weight:bold; font-family:RixSGo,nanumgothic; border-bottom:1px #CCCCCC solid; padding:10px 0; }
#shop_info_layer_wrap .shop_info_area .layer_shop_info{color:#999; line-height:18px; margin-top:10px;}
#shop_info_layer_wrap .shop_info_area .layer_shop_menu { margin-top:20px;}
#shop_info_layer_wrap .shop_info_area div{margin-top:30px;}
#shop_info_layer_wrap .shop_info_area  ul li{float:left; }
#shop_info_layer_wrap .shop_info_area  ul {border-top:1px #666666 solid; border-bottom:1px #666666 solid; overflow:hidden;}
#shop_info_layer_wrap .shop_info_area .tit {width:120px; padding:10px; border-bottom:1px #b5b5b5 solid; background:#f7f7f7;}
#shop_info_layer_wrap .shop_info_area .info {width:339px; padding:10px; border-bottom:1px #b5b5b5 solid; background:#fff; color:#666;}
#shop_info_layer_wrap .shop_info_area .layer_coupon{ text-align:center; padding:40px 10px; width:480px; background:#F00; color:#FFF;  font-family:RixSGo,NanumGothic; font-size:24px; font-weight:bold; letter-spacing:-1px;} 
#shop_info_layer_wrap .shop_info_area .layer_coupon a{color:#fff;}
.layer_close{position:absolute; right:30px; bottom:30px;}
.layer_close a{ color:#333;}
.layer_close a:hover{ text-decoration:underline;}

#shop_info_layer_wrap .shop_map_area{float:left; width:535px; padding-top:40px; }
#shop_info_layer_wrap .shop_mapinfo_area{float:right; width:400px; padding-top:40px; }
#shop_info_layer_wrap .shop_mapinfo_area table{width:400px; border-collapse:collapse; border:1px #CCCccc solid;}
#shop_info_layer_wrap .shop_mapinfo_area table th {background:#e5e5e5; padding:10px;  border:1px #CCCccc solid;}
#shop_info_layer_wrap .shop_mapinfo_area table td{padding:7px; text-align:center;  border:1px #CCCccc solid;}
#shop_info_layer_wrap .shop_mapinfo_area .map_point_tit{background:#666; color:#fff; font-size:12px; font-weight:bold; padding:10px 20px;}

#btn_top_down{position:absolute; top:30px; right:-50px;}


/*퀵마이페이지*/
#quick_btn {position:absolute; right:0px; top:97px; padding-top:70px; z-index:200;}
#quick_wrap{position:absolute; right:0px; top:97px; z-index:200; width:770px; /*width:696px;*/ height:600px; overflow:hidden;}
#quick_wrap .wrap{position:absolute; right:-660px; top:0px; width:696px; height:600px;}
#quick_wrap .quick_btn{float:left; width:36px; padding-top:70px;}
#quick_wrap .quick_area{ float:right; background:#171e2d; width:600px; height:349px; padding:20px 30px 20px 30px;}
#quick_wrap .quick_area ul li{float:left;}
#quick_wrap .quick_area ul li p{ display:block;}
#quick_wrap .quick_area .quick_point_txt{padding-bottom:10px;}
#quick_wrap .quick_area .quick_pointall_bg{background:url(../img/common/quick_pointall_bg.gif) no-repeat 0 0; width:254px; height:45px; ;  display:block; position:relative;}
#quick_wrap .quick_area .quick_pointall_num{ font-weight:bold;position:absolute; width:130px; text-align:right; font-family:RixSGo; font-size:18px; top:57px; left:160px; color:#b3cbfe;}
#quick_wrap .quick_area .quick_pointuse_bg{background:url(../img/common/quick_pointuse_bg.gif) no-repeat 0 0; width:254px; height:45px; margin-top:5px;  display:block; position:relative;}
#quick_wrap .quick_area .quick_pointuse_num{font-weight:bold;
	position: absolute;
	width: 130px;
	text-align: right;
	font-family: RixSGo;
	font-size: 18px;
	top: 107px;
	left: 160px;
	color: #bdc3d2;
}
#quick_wrap .quick_area .point_graph_tit{margin-top:20px;}
#quick_wrap .quick_area .point_graph_area{border:3px #393f4e solid; background:#fff; height:160px; width:248px;}
#quick_wrap .quick_area .point_graph_area table { margin-top:7px; margin-left:14px; border-collapse:collapse ;width:220px; }
#quick_wrap .quick_area .point_graph_area td { text-align:center; vertical-align:bottom; margin:0;}
#quick_wrap .quick_area .point_graph_area .gh {height:120px;}
#quick_wrap .quick_area .point_graph_area .gh img{border:0; margin:0;padding:0;vertical-align:bottom; }
#quick_wrap .quick_area .point_graph_area .bg{background:url(../img/common/graph_txt_bg.gif) repeat-x 0 0;}

#quick_pointinfo1{ flaot:left; width:254px;}
#quick_pointinfo2{margin-left:30px; flaot:right; width:300px;}

.quick_point_tab{ width:95px; margin-top:25px;}
.quick_point_tab li{ display:block; width:95px; text-align:center; font-size:11px; letter-spacing:-1px; }
.quick_point_tab li a{ background:url(../img/common/quick_point_tab_bg.gif) repeat-y; color:#a7abb2; font-weight:bold; display:block;  padding:25px 0;}
/*.quick_point_tab li a:hover{ background:#f6f6fa; color:#343c4e; font-weight:bold;}*/
.quick_point_tab .on{background:#f6f6fa; color:#343c4e; font-weight:bold; display:block;}
.quick_point_tab li.on a{background:#f6f6fa; color:#343c4e; font-weight:bold;}
.quick_point_tab li span{font-size:6px; padding:0 0 0px 7px; }
#quick_wrap .link{ position:absolute; width:315px; color:#61697c; letter-spacing:-1px; text-decoration:underline; top:25px; right:30px; text-align:right;}
#quick_wrap .link a{color:#a7abb2;}
#quick_wrap .quick_pointinfo_list{ background:#f9fafe; position:absolute; right:30px;  height:310px; width:224px; z-index:1; top:45px;}
#quick_wrap .quick_pointinfo_list ul{width:205px; padding:15px; display:block;}
#quick_wrap .quick_pointinfo_list .txt{font-size:11px; letter-spacing:-1px; width:75px; padding:10px 0; border-bottom:1px #e0e0e0 solid; color:#8c9099; padding-left:5px;}
#quick_wrap .quick_pointinfo_list .point{font-size:14px; letter-spacing:-1px; font-weight:bold; padding:8.5px 0; width:110px; border-bottom:1px #e0e0e0 solid; text-align:right; color:#8690a7; padding-right:5px;}
#quick_wrap .quick_pointinfo_list .skyblue{background:#e8effc;}
/*0529추가*/
#quick_wrap .quick_pointinfo_list .point_scroll{width:180px; padding:15px; display:block;}
#quick_wrap .quick_pointinfo_list .txt2{font-size:11px; letter-spacing:-1px; width:110px; padding:10px 0; border-bottom:1px #e0e0e0 solid; color:#8c9099; padding-left:5px;}
#quick_wrap .quick_pointinfo_list .txt3{font-size:12px; letter-spacing:-1px; width:180px; padding:10px 0; border-bottom:1px #e0e0e0 solid; color:#8c9099; padding-left:5px;}
#quick_wrap .quick_pointinfo_list .txt3 a{color:#8c9099; padding-left:10px;}
#quick_wrap .quick_pointinfo_list .txt3 a:hover{text-decoration:underline;}
#quick_wrap .quick_pointinfo_list .point2{font-size:12px; letter-spacing:-1px; font-weight:bold; padding:8.5px 0; width:55px; border-bottom:1px #e0e0e0 solid; text-align:right; color:#8690a7; padding-right:5px;}
#quick_wrap .quick_pointinfo_list .btn_more{ position:absolute; right:30px; bottom:15px;}
#quick_wrap .quick_pointinfo_list .btn_more a{font-size:11px; color:#777777; text-decoration:underline;  }
#quick_wrap .quick_pointinfo_list .point_list_wrap{overflow:auto; overflow-x:hidden; width:224px; height:265px;}

#quick_wrap .quick_pointinfo_list table {border-collapse:collapse;border:0;}
#quick_wrap .quick_pointinfo_list td {font-size:11px; letter-spacing:-1px; padding:8px 5px; border-bottom:1px #e0e0e0 solid; color:#8c9099;}
#quick_wrap .quick_pointinfo_list td.manage {font-size:12px;font-weight:bold; text-align:center; color:#8690a7; text-align:right;}

.pro_view_title {margin-top:36px;padding-bottom:12px;border-bottom:2px solid #282828;font-size:13px;font-weight:900}
.pro_view_explain {width:100%;margin-top:1px;padding-top:25px;border-top:1px solid #d6d6d6}
.pro_view_explain td {vertical-align:top}
.pro_view_explain .pro_view_pic {width:282px;margin-right:22px}
.pro_view_explain .pro_view_pic .pic {border:1px solid #d8d8d6}
.pro_view_explain .pro_view_pic .btn {padding:10px 0 6px 0;text-align:center}
.pro_view_explain .pro_view_pic .smallpic {width:282px;padding-bottom:16px;text-align:center;background:url("../img/common/pview_info_line.gif") left bottom no-repeat}
.pro_view_explain .pro_view_pic .smallpic img {margin-right:3px;border:1px solid #dedddb}
.pro_view_explain .pro_view_txt {width:413px}
.pro_view_explain .pro_view_txt th {padding:5px 0;text-align:left;vertical-align:top}
.pro_view_explain .pro_view_txt th.price {height:30px;padding-bottom:10px;background:url("../img/common/pview_info_line.gif") left bottom no-repeat}
.pro_view_explain .pro_view_txt th.padst1 {padding-top:10px}
.pro_view_explain .pro_view_txt th.line {padding-bottom:10px;background:url("../img/common/pview_info_line.gif") left bottom no-repeat}
.pro_view_explain .pro_view_txt td {padding:5px 0}
.pro_view_explain .pro_view_txt td.price {height:30px;padding-bottom:10px;font-size:18px;font-weight:900;color:#e86608;vertical-align:bottom;background:url("../img/common/pview_info_line.gif") left bottom no-repeat}
.pro_view_explain .pro_view_txt td.padst1 {padding-top:10px}
.pro_view_explain .pro_view_txt td .pro_num input {float:left;width:35px;height:16px;padding:2px;font-size:12px;text-align:center;color:#656565;border:1px solid #7e9eb7}
.pro_view_explain .pro_view_txt td .updown {float:left;width:21px}
.pro_view_explain .pro_view_txt td.line {padding-bottom:10px;background:url("../img/common/pview_info_line.gif") left bottom no-repeat}
.pro_view_explain .pro_view_txt td.total {height:44px;padding-right:20px;border-bottom:1px solid #d6d6d6;text-align:right;line-height:44px;color:#434343}
.pro_view_explain .pro_view_txt td.total span {font-size:14px;color:#e66507}
.pro_view_explain .pro_view_txt td.btn {padding-top:16px;border-top:1px solid #d6d6d6;text-align:center}
.pro_view_explain .pro_view_txt td.btn .mar_r10 {margin-right:10px}
.pro_best_box {width:717px;height:239px;margin-top:42px;border:1px solid #dededc}
.pro_best_box .pro_best_list {margin:26px}
.pro_best_box .pro_best_list td {font-size:11px;color:#474747;text-align:left;vertical-align:top}
.pro_best_box .pro_best_list del {margin-right:15px;color:#868686}
.pro_best_box .pro_best_list .pic {margin-bottom:10px}
.pro_best_box .pro_best_list .pic img {border:1px solid #e0e2e1}
.pro_best_box .pro_best_list strong {color:#262425}
.detail_infor {margin-top:43px}
.detail_infor .tab {margin-bottom:33px}
.detail_infor .page {margin-bottom:80px;text-align:center}
.satisfac_area {margin-bottom:60px;}
.satisfac_area .tab {margin-bottom:17px}
.satisfac_area .box {position:relative;width:717px;height:133px;background:url("../img/common/satisfaction_bg.gif") left top no-repeat}
.satisfac_area .box p.txt1 {position:absolute;left:88px;top:49px;font-size:11px}
.satisfac_area .box p.txt1 strong {color:#d8b152}
.satisfac_area .box p.txt2 {position:absolute;left:153px;top:87px;font-size:35px;font-weight:900;line-height:35px;color:#1fabdc}
.satisfac_area .box p.icon1 {position:absolute;left:323px;top:53px}
.satisfac_area .box p.icon2 {position:absolute;left:323px;top:73px}
.satisfac_area .box p.icon3 {position:absolute;left:323px;top:95px}
.satisfac_area .box p.num1 {position:absolute;right:50px;top:30px;font-weight:900}
.satisfac_area .box p.num2 {position:absolute;right:50px;top:50px;font-weight:900}
.satisfac_area .box p.num3 {position:absolute;right:50px;top:70px;font-weight:900}
.satisfac_area .box p.num4 {position:absolute;right:50px;top:90px;font-weight:900}
.satisfac_area .comment_list {width:100%;margin-top:10px;border-style:none none solid none;border-width:0 0 1px 0;border-color:#FFFFFF #FFFFFF #c9c9c9 #FFFFFF;}
.satisfac_area .comment_list thead th {padding:5px 2px;border-style:solid none solid none;border-width:2px 0 1px 0;border-color:#000 #FFFFFF #c9c9c9 #FFFFFF;color:#010101;font-weight:900;background-color:#f7f7f7; font-family:RixSGo;}
.satisfac_area .comment_list tbody td {padding:10px 5px;border-style:none none solid none;border-width:0 0 1px 0;border-color:#FFFFFF #FFFFFF #dbdbdb #FFFFFF;color:#010101;text-align:center; font-family:RixSGo;}
.satisfac_area .comment_list tbody td a {color:#010101}
.satisfac_area .comment_list tbody td a:hover {text-decoration:underline}
.satisfac_area .comment_list tbody td.left {text-align:left}
.satisfac_area .comment_btn {width:717px;height:21px;margin-top:20px}
.satisfac_area .comment_btn .left {float:left}
.satisfac_area .comment_btn .right {float:right}
.satisfac_area .comment_btn .right select {height:20px;font-size:11px}
.delivery .tab {margin-bottom:32px}
.delivery .con {text-align:center}