@charset "utf-8"; /***** reset *****/ /* font load */ @font-face { font-family:'NanumGothic'; src: url('/font/admin/NanumGothic.eot'); src: url('/font/admin/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/font/admin/NanumGothic.woff') format('woff'), url('/font/admin/NanumGothic.ttf') format('truetype'); font-weight: normal; font-style: normal; } * {font-family:'NanumGothic','돋움', 'dotum', 'Helvetica', 'sans-serif';} /* layout */ html,body {width:100%; height:100%;} html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,blockquote,th,td,thead,tbody,legend,label,select,option,button,fieldset,select,textarea,iframe {margin:0; padding:0; font-size:12px; list-style:none; } font { font-size:12px; line-height:12px;} img {border:0;} button {cursor:pointer;} ol,ul,dl {list-style:none;} fieldset {border:0 none; margin:0; padding:0;} input,select,button {vertical-align:middle;} a {text-decoration:none; color:#666;} a:hover {text-decoration:none; color:#5a6ab1;} /* 타이틀스타일*/ .log_tit {background-image:url(/img/admin/tit_bg.gif); line-height:42px; border:solid 1px #0e0e0e; padding-left:16px; font-size:12px;} /* 폰트스타일 */ .top_menu01 {font-size:11px; color:#999; line-height:32px;} .top_menu02 {font-weight:bold; color:#FFF; text-decoration:none;} /* 메인메뉴스타일 */ .admin_menu {width:980px; margin:0 auto; background-image:url(/img/admin/main_menu_bg.gif);} .menu_td01 {width:100px; text-align:center;} .menu_td01 a {text-decoration:none; color:#ffffff;} .menu_td01 a:hover {text-decoration:none; color:#ffe400;} .menu_td02 {width:140px; text-align:center;} .menu_td02 a {text-decoration:none; color:#ffffff;} .menu_td02 a:hover {text-decoration:none; color:#ffe400;} .menu_gap {width:4px; text-align:center;} /* 서브메뉴스타일 */ .sub_menu_div {width:980px; margin:0 auto; background-color:#f9f9f9; text-align:left;} .sub_menu_ul {border-left:solid 1px #d8d8d8; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .sub_menu_gap {vertical-align:middle; padding:0 8px;} /* 탭스타일 */ .tab_menu10_on {float:left; width:100px; background-image:url(/img/admin/tab_10on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFFFFF; text-decoration:none; cursor:pointer;} .tab_menu10_off {float:left; width:100px; background-image:url(/img/admin/tab_10off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;} .tab_menu12_on {float:left; width:120px; background-image:url(/img/admin/tab_12on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;} .tab_menu12_off {float:left; width:120px; background-image:url(/img/admin/tab_12off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;} .tab_menu14_on {float:left; width:140px; background-image:url(/img/admin/tab_14on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;} .tab_menu14_off {float:left; width:140px; background-image:url(/img/admin/tab_14off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;} /* 테이블스타일(회원) */ .tb_tit {font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_tit14 {width:140px; font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_tit18 {width:180px; font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_tit01 {font-size:12px; color:#333; padding-left:20px; background-color:#ffffff; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_tit_li {border-left:solid 1px #d8d8d8;} .tb_tit_txt {font-size:12px; color:#333; padding-left:20px; background-color:#ffffff; line-height:20px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_s_tit {color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_s_tit_no_center {color:#666; background-color:#ffffff; line-height:20px; height:25px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_s_tit14 {width:140px; color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .tb_s_tit18 {width:180px; color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;} .txt {font-size:12px; color:#333; line-height:20px; } /* 하단카피스타일 */ .footer_div01 {width:980px; margin:0 auto; margin-top:10px;} .footer_div01 ul {padding:4px 14px; border-top:solid 2px #5a6ab1; border-bottom:solid 1px #cccccc;} .footer_div02 {width:980px; margin:0 auto;} .footer_div02 ul {padding:10px 14px;} /* input 스타일 */ .input12 {border:solid 1px #5362A4; background:#5362A4; color:#C6CBE1; width:120px; height:32px; padding-left:2px; padding-top:2px;} .input6 {border:solid 1px #777; width:60px; height:22px; padding-left:2px;} .input4 {border:solid 1px #777; width:40px; height:22px; padding-left:2px;} .input32 {border:solid 1px #777; width:320px; height:22px; padding-left:2px;} .input00 {border:solid 1px #777; height:22px; padding-left:2px;} .input1 {border:solid 1px #777; padding-left:2px;} #table_button td { line-height:normal; } .cutString { white-space: nowrap; text-overflow:ellipsis; /* IE, Safari - ellipsis, clip */ -o-text-overflow:ellipsis; /* Opera under 10.7 - ellipsis, clip */ overflow: hidden; /* "overflow" value must be different from "visible" */ -moz-binding:url(/ellipsis.xml#ellipsis); } #img_style div.article{padding:0px;} #img_style div.article div.image_aside{text-align:center; padding:0px;} #img_style div.article div.image_aside img{max-width:99%; cursor:pointer;} #board_view_style div.article{padding:5px 20px;} #board_view_style div.article div.image_aside{text-align:left; padding:7px 0;} #board_view_style div.article div.image_aside img{max-width:99%; cursor:pointer;} #view_style div.article { padding:0px; } #view_style div.article div.image_aside { padding:7px 0; } #view_style div.article div.image_aside img { max-width:97%; cursor:pointer; } .btn_white {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#444; border:1px solid #464646; background:#fff;} .btn_black {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #1e1e1e; background:#474747;} .btn_gray {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #464646; background:#737373;} .btn_blue {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #10386a; background:#1c59a4;} .btn_skyblue {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #10386a; background:#2bbec6;} .btn_s_white {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#444; border:1px solid #464646; background:#fff;} .btn_s_black {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #1e1e1e; background:#474747;} .btn_s_gray {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #464646; background:#737373;} .btn_s_blue {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #10386a; background:#1c59a4;} .btn_s_skyblue {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #10386a; background:#2bbec6;} .text_bold { font-weight: bold; color:#000000} .text_blue { color:deepskyblue } .text_red { color:red } .text_green { color:green } /* common layer */ .common_layer {display:none;} .common_layer .layer_box {position:fixed; top:100px; left:50%; z-index:160; padding:25px 25px 20px; background:#fff; border-top:3px solid #5362a4;} .common_layer .layer_box .btn_close_layer {position:absolute; top:32px; right:32px;} .common_layer .layer_box h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;} .common_layer .layer_btns {margin-top:20px; text-align:center;} .common_layer .layer_btns .btn {display:inline-block; margin:0 3px; width:155px; height:43px; line-height:43px; font-size:14px;} .common_layer .layer_btns .btn.full {width:calc(100% - 2px);} .common_layer .layer_btns .btn.gray {color:#fff; background:#474747; border:1px solid #1e1e1e;} .common_layer .layer_btns .btn.blue {color:#fff; background:#1c59a4; border:1px solid #0e386c;} .common_layer .form_btns .btn {padding:0; min-width:159px; text-align:center;} /* 가맹비 추가하기 */ .common_layer.add_cost .layer_box {margin-left:-430px; width:810px;} /* 운영 프로그램 검색 */ .common_layer.common_search .layer_box {margin-left:-264px; width:330px;} .common_layer.common_search .guide {padding:10px 0 15px; color:#666; font-size:14px;} .common_layer.common_search .input_box {position:relative; height:36px; border:1px solid #ccc;} .common_layer.common_search .input_box input {padding:0 10px; width:calc(100% - 20px - 75px); height:36px; line-height:36px; color:#444; font-size:13px; border:0;} .common_layer.common_search .input_box.in_btn .btn {display:block; position:absolute; top:-1px; right:-1px; width:75px; height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707; background:#393939;} .common_layer.common_search .result {display:none;} .common_layer.common_search .result .info {padding:20px 0 16px; color:#444; font-size:13px;} .common_layer.common_search .result .info .mark {color:#1c59a4;} .common_layer.common_search .result .list {height:240px; overflow-y:auto;} .common_layer.common_search .result .list li {padding:12px 0; border-bottom:1px solid #ccc; zoom:1;} .common_layer.common_search .result .list li:after {display:block; content:""; clear:both;} .common_layer.common_search .result .list li .name, .common_layer.common_search .result .list li .age, .common_layer.common_search .result .list li .gender, .common_layer.common_search .result .list li .phone {float:left; height:28px; line-height:28px; color:#666; font-size:13px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .common_layer.common_search .result .list li .name {width:270px;} .common_layer.common_search .result .list li .age {width:38px;} .common_layer.common_search .result .list li .gender {width:38px;} .common_layer.common_search .result .list li .phone {width:114px;} .common_layer.common_search .result .list li .btn_select {display:block; float:right; width:57px; height:26px; line-height:26px; color:#2fb7bf; text-align:center; border:1px solid #2fb7bf;} .common_layer.common_search .result .list li .shop_info {float:left;} .common_layer.common_search .result .list li .shop_info .name {float:none; width:230px; color:#222; font-size:15px; text-align:left;} .common_layer.common_search .result .list li .shop_info .address {margin-top:4px; width:230px; color:#888; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}