@charset "utf-8"; 
@import url('default.css');
@import url('common.css');
@import url('button.css');

/*
#top5_wrap{width:772px; height:467px; border:4px solid #5d6c7a; margin:0; padding:0}
#top5_title{width:100%; height:68px; float:left; background:url(../images/popup/bg_top.gif) repeat 0 0;}
#top5_title h2{height:68px; display:inline-block;  font-size:25px; background:url(../images/popup/title_top5.png) no-repeat 15px 8px; padding:15px 0 0 190px; letter-spacing:-0.08em}
#top5_title .ask{float:right; margin:25px 30px 0 0}
.tab{float:left; height:398px; width:140px; height:auto}
.tab li{width:120px; height:24px; padding:10px; background-color:#747474; margin:0 0 1px 0; font-size:11px; color:#fff}
.tab li img{display:block; margin:0 0 2px 0}
.tab li a{color:#fff}
.tab li.on{height:200px !important; background-color:#fff !important; color:#000 !important; letter-spacing:-0.08em}
.tab li.on p{float:left; margin:10px 0 10px 0}
.call{float:left; width:98px; height:16px; padding:0 0 0 25px; background:url(../images/popup/img_call.gif) no-repeat 0 0; font-weight:bold; font-size:12px; color:#FFFF00}
.tab_img{width:97px; height:94px; overflow:hidden; float:left; margin:10px 0 0 10px;}

#cont_zone{width:248px; height:399px; background:url(../images/popup/bg_cont.gif) repeat 0 0; float:left; color:#a0a0a2; overflow:hidden }
#cont_zone h3{font-size:16px; background:url(../images/popup/img_crown.png) no-repeat; float:left; color:#fff; padding:3px 0 0 22px; margin:10px 0 9px 23px; width:190px;}
#cont_zone img{float:left; margin:10px 0 0 15px; border:1px solid #000; }
#cont_zone dl{width:216px; height:auto; float:left; margin:0 0 0 15px;}
#cont_zone dl dt{font-weight:bold; color:#fff; margin:10px 0 7px 0; border-bottom:2px solid #FFFF00; display:inline-block}
#cont_zone dl dd.phone{background-color:#FFFF00; color:#000; padding:2px 6px; display:inline-block; font-weight:bold; margin-left:8px}
.money{width:50px; height:40px; background-color:#66666c; float:left; color:#cbcbcc; margin:12px 0 0 7px; text-align:center; font-size:11px; padding:10px 0 0 0;}
.map{float:left; width:384px; height:399px;}
*/


/*no5 팝업 20140925 추가*/
#no5_wrap{width:1080px; height:660px; border:4px solid #5d6c7a;  overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#no5_wrap {width:1078px; height:658px; border:4px solid #5d6c7a;  overflow:hidden }}
#no5_title{width:1080px; height:86px; float:left; background:url(../images/popup/bg_top.gif) repeat 0 0; border-bottom:3px solid #725c57;  box-sizing:border-box;}
#no5_title .ask{float:right; margin:25px 30px 0 0}
#no5_title h2{height:68px; display:inline-block;  font-size:25px; background:url(../images/popup/title_top5.png) no-repeat 15px 13px; padding:22px 0 0 210px; letter-spacing:-0.08em}
#no5_title span{font-size:18px; color:#432e06; font-family:nanum}
#no5_wrap .tab2{width:248px; height:582px; float:left; margin:1px 0 0 0;}
#no5_wrap .tab2 li{width:218px; height:35px; background-color:#f4f4f2; border:1px solid #cab756; border-top:none; border-right:none; border-left:10px solid #f4726d; padding:18px 0 0 20px}
#no5_wrap .tab2 li.on{width:226px; height:338px; border:1px solid #cab756; background-color:#fcf7d9; margin:-1px 0 0 0}
#no5_wrap .tab2 li.on h3{width:217px; height:25px; font-size:16px; background:url(../images/popup/bg_top5_name.png) no-repeat 0 3px; float:left; color:#fff; padding:3px 0 0 18px; margin:10px 0 9px 0; }
#no5_wrap .tab2 li.on h3 span{font-family:Tahoma; font-size:16px; font-weight:bold; color:#f6ff00; margin:0 8px}
#no5_wrap .tab2 li.on .explain{float:left; margin:0 0 0 10px; color:#d37c00; font-size:11px;}
#no5_wrap .tab2 li.on img{float:left; border:1px solid #000; }
#no5_wrap .tab2 li.on dl{width:216px; height:auto; float:left; margin:0 0 0 5px;}
#no5_wrap .tab2 li.on dl dt{font-weight:bold; margin:10px 0 5px 0; text-decoration:underline; display:inline-block}
#no5_wrap .tab2 li.on dl dd.phone{background-color:#727272; color:#fff; padding:1px 6px; display:inline-block; font-weight:bold; margin-left:8px}

#map{width:832px; height:574px; float:left; position:relative; overflow:hidden; }
@media screen and (-webkit-min-device-pixel-ratio:0) {#map {width:830px; height:572px; float:left; position:relative; overflow:hidden; }}
#map_menu{width:77px; height:480px; position:absolute; top:8px; left:7px; background:url(../images/popup/bg_viewer.png) no-repeat 0 0;}
#map_menu ul{display:inline-block; width:77px; height:382px; margin:43px 0 0 0; z-index:50;}
#map_menu ul li{margin:0 0 0 1px; padding:0; width:75px; height:74px}
 .pp_grap{position:absolute; top:5px; left:370px}
 .go_first{position:absolute; left:0; bottom:18px}
.point{position:absolute; top:251px; left:404px;}

/*매출수익률팝업*/
#sale_wrap{width:1063px; height:820px; background:url(../images/popup/sale_top.png) no-repeat 0 0; position:relative}
#sale_graph{width:1063px; height:253px; background:url(../images/popup/sale_bottom.png) no-repeat 0 bottom; position:absolute; left:0; bottom:0}
#sale_wrap #contents{width:1023px; height:auto; overflow:auto; margin:124px 0 0 0; padding:20px; float:left;}
#sale_graph img{float:left; margin:80px 0 0 45px}

/*매장상세정보*/
#shopinfo_wrap{width:692px; height:402px; border:4px solid #5d6c7a; margin:0; padding:0; overflow:hidden}
#shopinfo_title{width:100%; height:68px; float:left; background:url(../images/popup/bg_top.gif) repeat 0 0;}
#shopinfo_title h2{height:68px; display:inline-block;  font-size:20px; padding:18px 0 0 347px; letter-spacing:-0.08em; background:url(../images/popup/title_shopinfo.png) no-repeat 12px 12px;}
#shopinfo_title .ask{float:right; margin:25px 15px 0 0}
.call{float:left; width:98px; height:16px; padding:0 0 0 25px; background:url(../images/popup/img_call.gif) no-repeat 0 0; font-weight:bold; font-size:12px; color:#FFFF00}
.tab_img{width:97px; height:94px; overflow:hidden; float:left; margin:10px 0 0 10px;}

#shopinfo_cont{width:248px; height:340px; background:url(../images/popup/bg_cont.gif) repeat 0 0; float:left; color:#a0a0a2; overflow:hidden }
#shopinfo_cont h3{font-size:16px; background:url(../images/popup/img_crown.png) no-repeat; float:left; color:#fff; padding:3px 0 0 22px; margin:10px 0 9px 23px; width:190px;}
#shopinfo_cont img{float:left; margin:10px 0 0 15px; border:1px solid #000; }
#shopinfo_cont dl{width:216px; height:auto; float:left; margin:0 0 0 15px;}
#shopinfo_cont dl dt{font-weight:bold; color:#fff; margin:10px 0 7px 0; border-bottom:2px solid #FFFF00; display:inline-block}
#shopinfo_cont dl dd.phone{background-color:#FFFF00; color:#000; padding:2px 6px; display:inline-block; font-weight:bold; margin-left:8px}
#shopinfo_wrap .money{width:50px; height:40px; background-color:#66666c; float:left; color:#cbcbcc; margin:12px 0 0 7px; text-align:center; font-size:11px; padding:10px 0 0 0;}
#shopinfo_wrap #map{float:left; width:444px; height:334px; overflow:hidden}

/*오픈매장등록*/
#opensp_wrap{width:380px; height:500px; overflow:hidden; border:1px solid}
#opensp_wrap h2{width:100%; height:40px; background:url(../images/popup/bg_top.gif) repeat 0 0; padding:8px 0 0 20px; }
#opensp_wrap table{float:left; margin:25px 0 20px 15px;}
#opensp_wrap table th{padding:12px 12px 12px 30px; text-align:left; background:url(../images/sub/bul_red.png) no-repeat 18px 49%}
#opensp_wrap table_td{padding:12px}abwl
#open_img{width:135px; height:135px; background:#CCCCCC; margin-bottom:5px}
/*공통 버튼 센터정렬*/
.btn_center{width:auto; height:auto; text-align:center; margin:20px auto 0 auto;}

/*갤러리등록*/
#gal_wrap{width:530px; height:auto; overflow:hidden; padding:0 0 30px 0; border:1px solid}
#gal_wrap h2{width:100%; height:40px; background:url(../images/popup/bg_top.gif) repeat 0 0; padding:8px 0 0 20px; }
#gal_wrap table{float:left; margin:25px 0 20px 15px;}
#gal_wrap table th{padding:0 0 0 15px; text-align:left; background:url(../images/sub/bul_red.png) no-repeat 5px 49%}
#gal_wrap table td{padding:8px; text-align:left;}
#gal_wrap table td input{ margin:45px 0 0 0}
.gal_img{width:120px; height:120px; margin:0 8px 0 0; float:left; background:#CCCCCC;}

/*매장 갤러리*/
#pop_gal{width:800px; height:620px; position:relative; background:url(../images/popup/bg_gal.gif) repeat 0 0}
#pop_gal .photo{width:600px; height:390px; margin:0 auto 6px auto; padding:70px 0 0 0;}
#pop_gal ul{width:600px; margin:0 auto;}
#pop_gal ul li{float:left; margin:0 5px 0 0; text-align:center;}
#pop_gal ul li div{width:115px; height:74px; overflow:hidden}
#pop_gal ul li.on img{width:115px; height:74px; border:3px solid #ff8a00; box-sizing:border-box}
#pop_gal ul li p{width:115px; height:38px; margin:5px 0 0 0; color:#fff}
.btn_left{position:absolute; top:220px; left:32px}
.btn_right{position:absolute; top:220px; right:30px;}

#info_popup{width:634px; height:auto; overflow:hidden}
#info_popup h2{height:39px; background:url(../images/popup/bg_top2.gif) repeat-x 0 0;  color:#fff; font-size:18px; padding:7px 0 0 0; margin:0 0 5px 0}
#info_popup h2 img{float:left; margin:2px 10px 0 10px}