﻿/* Board style*/

table.ViewType01 { border-top:2px solid #6c6c6e; }
table.ViewType01 th { padding:10px 20px; background-color:#f6f6f8; color:#555; border-bottom:1px solid #e1e1e3; border-right:1px solid #e1e1e3; text-align:left;}
table.ViewType01 td {padding:10px 20px;  border-bottom:1px solid #e1e1e3; }

table.ListType01 {border-right:1px solid #e1e1e1; }
table.ListType01 th { background-color:#f6f6f8;  border-top:2px solid #6c6c6e; border-bottom:2px solid #e0e0e0; padding:8px; color:#000; font-size:12px;}
table.ListType01 tr.recommend td { background-color:#f5ebff; border-bottom:1px solid #dccbed; font-size:12px;}
table.ListType01 td { border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:8px; font-size:12px; text-align:center;}
table.ListType01 td a {font-size:12px;}
table.ListType01 td a:hover { color:#e9254e; font-size:12px;}
table.ListType01 td.mgcon { text-align:left; font-weight:bold; padding-left:30px; padding-right:30px;}

table.ListType02 {border-right:1px solid #e1e1e1; }
table.ListType02 th { border-top:2px solid #6c6c6e; border-bottom:2px solid #e0e0e0; padding:8px; color:#000; font-size:12px;}
table.ListType02 tr.recommend td { background-color:#f5ebff; border-bottom:1px solid #dccbed; font-size:12px;}
table.ListType02 td { border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:8px; font-size:12px; text-align:center;}
table.ListType02 td a {font-size:12px;}
table.ListType02 td a:hover { color:#e9254e; font-size:12px;}
table.ListType02 td.mgcon { text-align:left; font-weight:bold; padding-left:30px; padding-right:30px;}

.listComment { margin:25px 0 10px 0; font-weight:bold; color:#e1583e; }
.listComment{*zoom:1; } 
.listComment:after {content:" "; display:block; clear:both;}


/*쓰기,보기*/
.BasicVW { margin-top:10px; clear:both; border-top:1px solid #505050;}
.BasicVW table { border-left:1px solid #e5e5e5;}
.BasicVW th { background:#f7f7f7;  border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 10px; font-size:14px; }
.BasicVW td { font-size:14px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 0; padding-left:20px; text-align:left;}
.BasicVW td a { font-size:12px; color:#102de0; }


.PhotoLst { border-top:1px solid #505050; padding-top:20px;}
.PhotoLst {*zoom:1; } 
.PhotoLst:after {content:" "; display:block; clear:both;} 
.PhotoLst dl { float:left; width:170px; background:#f2f3f7; border:1px solid #e7e8f0; margin-right:28px; margin-bottom:30px;}
.PhotoLst dl dd.thumb { width:100%;  height:170px; border-bottom:1px solid #e7e8f0;  background:#fbfbfb; }
.PhotoLst dl dd.thumb span {display:inline-block;vertical-align:middle}
.PhotoLst dl dd.thumb .empty{width:0%;height:100%;}
.PhotoLst dl dd.thumb .cartxt{width:96%;text-align:center;}
.PhotoLst dl dt { padding:10px; position:relative; height:30px; line-height:18px; text-overflow:ellipsis;overflow:hidden;  }
.PhotoLst dl dt strong {font-weight:bold; display:block; width:135px;}
.PhotoLst dl dt strong span.state { font-weight:normal; color:#769fd9;}
.PhotoLst dl dt .del {  background:url(/Image/Admin/btn_X02.gif) no-repeat; width:13px; height:13px; position:absolute; top:14px; right:7px;}
.PhotoLst dl dt .del a {display:block; width:13px; height:13px;}
.PhotoLst dl dt .del a span { display:none;}
.PhotoLst dl dd.name { font-size:11px;  padding:5px 10px 10px 10px; font-weight:bold; color:#7a7b7d; }
.PhotoLst dl dd.name .date { font-size:11px; font-weight:normal; color:#7a7b7d;display:block;}

/*popup*/
.PhotoVw { background:#40495a; position:absolute; z-index:10000000; width:700px;}
.PhotoVw .Title { padding:10px; position:relative; background:#40495a;}
.PhotoVw .Title a {width:20px; height:20px; display:block; cursor:pointer; position:absolute; top:15px; right:25px;}
.PhotoVw .Title a .close {background:url(/Image/Admin/btn_X03.gif) no-repeat; width:29px; height:28px; display:block; line-height:999px; overflow:hidden; color:transparent; position:absolute; top:-5px;right:-10px; }
.PhotoVw .Title h4 { font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:18px; font-weight:bold; color:#FFF; padding-right:50px;}
.PhotoVw .conWrap {padding:0 15px 15px 15px;}
.PhotoVw .conWrap span {display:inline-block;vertical-align:middle}
.PhotoVw .conWrap .empty{width:0%;height:100%;}
.PhotoVw .conWrap .con{width:96%;text-align:center;}
.PhotoVw .conWrap .con img { max-width:670px;}

.btnWrap { text-align:center; margin:15px 0;}


/*관리자 일반 팝업*/
.PopWrap1 { background:#f8faf9;}
.PopWrap1 .Title { padding:10px; margin-bottom:15px; position:relative; background:#40495a;}
.PopWrap1 .Title a {width:20px; height:20px; display:block; cursor:pointer; position:absolute; top:15px; right:25px;}
.PopWrap1 .Title a .close {background:url(/Image/Admin/btn_X03.gif) no-repeat; width:29px; height:28px; display:block; line-height:999px; overflow:hidden; color:transparent; position:absolute; top:-5px;right:-10px; }
.PopWrap1 .Title h4 { font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:18px; font-weight:bold; color:#FFF}
.PopWrap1 .tit { text-align:center; margin:15px auto; font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:18px; font-weight:bold;}
.PopWrap1 .conWrap { border:1px solid #c1cad4; background:#fff; margin:0 10px 10px 10px; padding:15px;   }
.PopWrap1 .conWrap p { line-height:25px; font-size:12px;}
.PopWrap1 .conWrap .dot { font-size:13px; background:url(/Image/Sub/icon_dot05.gif) no-repeat 0 8px; padding-left:7px;}
.PopWrap1 .conWrap table tr.tbg { background:#f5f5f5; height:60px;}
.PopWrap1 .conWrap .bline { border-bottom: 1px solid #d3d3d3; margin-top:30px;}
.PopWrap1 .btnWrap { text-align:center; padding:15px; border-top:1px solid #d3d3d3;}

.shoptit {background:#8f9793; padding:15px 10px 20px; color:#fff; text-align:center;}



/*Btn style*/

.btnGray {display:inline-block;border:1px solid #8c97a2;background-color:#e8e8e8; padding:10px 20px; cursor:pointer;
          font-family:'Malgun Gothic', Dotum;color:#222; font-size:15px; font-weight:bold;white-space:nowrap;text-align:center;
          filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#fdfdfd, EndColorStr=#e8e8e8); /* IE*/
          background:#fdfdfd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e8e8e8)); /* 크롬, 사파리 browsers */
          background:#fdfdfd -moz-linear-gradient(top, #fdfdfd, #e8e8e8); /* 파이어폭스 3.6+ */}
          
.btnColor {display:inline-block;border:1px solid #05756d;background-color:#108f86; padding:10px 20px; cursor:pointer;
          font-family:'Malgun Gothic', Dotum;color:#fff; font-size:15px; font-weight:bold;white-space:nowrap;text-align:center;
          filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#19a99f, EndColorStr=#108f86); /* IE*/
          background:#fdfdfd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#19a99f), to(#108f86)); /* 크롬, 사파리 browsers */
          background:#fdfdfd -moz-linear-gradient(top, #19a99f, #108f86); /* 파이어폭스 3.6+ */}
          
          
.btnGrayS {display:inline-block;border:1px solid #8c97a2;background-color:#e8e8e8; padding:3px 5px; cursor:pointer;
          font-family:'Malgun Gothic', Dotum;color:#222; font-size:11px; font-weight:bold;white-space:nowrap;text-align:center;
          filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#fdfdfd, EndColorStr=#e8e8e8); /* IE*/
          background:#fdfdfd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e8e8e8)); /* 크롬, 사파리 browsers */
          background:#fdfdfd -moz-linear-gradient(top, #fdfdfd, #e8e8e8); /* 파이어폭스 3.6+ */}
          
          
 /*paging*/
.Paging { margin:20px 0; text-align:center; padding:10px 0;}
.Paging a { display:inline-block; border:1px solid #ddd; margin-left:2px; cursor:pointer; width:30px; height:30px; vertical-align:middle; visible:visible;}
.Paging a:hover { background:#e5e5e5; }
.Paging a.On {background:#e5e5e5; }
.Paging a.On span {color:#ff3333;}
.Paging a span { display:block; padding-top:3px; font-family:Verdana; font-weight:bold;}
.Paging a span.home { background:url(/Image/Sub/icon_pageHome.gif) no-repeat 10px 10px; line-height:999px; overflow:hidden; color:transparent;}
.Paging a span.pre { background:url(/Image/Sub/icon_pagePre.gif) no-repeat 13px 10px; line-height:999px; overflow:hidden; color:transparent; }
.Paging a span.next { background:url(/Image/Sub/icon_pageNext.gif) no-repeat 13px 10px; line-height:999px; overflow:hidden; color:transparent;}
.Paging a span.end { background:url(/Image/Sub/icon_pageEnd.gif) no-repeat 11px 10px; line-height:999px; overflow:hidden; color:transparent; }

input.mgrayBtn044 { width:85px; height:30px; background:url(/Image/sub/btn_grayStyle04_4.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:center }
input.mcolorBtn4 { width:75px; height:30px; background:url(/Image/sub/btn_colorStyle01_4.gif) no-repeat top left; border:none; cursor:pointer; color:#fff; font-weight:bold; text-align:center }
input.mcolorBtn5 { width:85px; height:30px; background:url(/Image/sub/btn_colorStyle01_5.gif) no-repeat top left; border:none; cursor:pointer; color:#fff; font-weight:bold; text-align:center }
input.LcolorBtn6 { width:155px; height:50px; background:url(/Image/sub/btn_colorStyle02_6.gif) no-repeat top left; border:none; cursor:pointer; color:#fff; font-weight:bold; text-align:center }
input.AddBtn{ width:85px; height:30px; background:url(/Image/sub/btn_add.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:32px; padding-top:2px}
input.AddBtn4{ width:105px; height:30px; background:url(/Image/sub/btn_add4.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:32px; padding-top:2px}
input.AddBtn5{ width:113px; height:27px; background:url(/Image/sub/btn_add5.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:25px; padding-top:2px}
input.AddBtn6{ width:130px; height:30px; background:url(/Image/sub/btn_add6.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:26px; padding-top:2px}
input.SearchBtn2{ width:135px; height:40px; background:url(/Image/sub/btn_search02.png) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:56px; padding-top:2px}
input.SearchBtn4{ width:200px; height:50px; background:url(/Image/sub/btn_search04.png) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#fff; text-align:left; padding-left:85px; font-size:18px; font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움';}
input.DeleteBtn{ width:85px; height:30px; background:url(/Image/sub/btn_delete.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:32px; padding-top:2px}
input.DeleteBtn03 { width:106px; height:30px; background:url(/Image/sub/btn_delete03.gif) no-repeat top left; border:none; font-weight:bold; cursor:pointer; color:#404040; text-align:left; padding-left:30px; padding-top:2px}

input[type=text],input[type=password]{height:28px; padding:0 2px;border:1px solid #d2d2d2;font-size:14px;color:#444;vertical-align:middle;-webkit-border-radius:1px;-webkit-appearance:none}


/* 2016-09-29 추가 작업 */
/* 관리자페이지 본인인증 */
.confirmWrap {width:580px; margin:200px auto 0 auto; background:#fff; border:1px solid #dadada;}
.confirmWrap h3 {height:50px; padding-left:30px; line-height:50px; text-align:left; background:#506376; font-size:20px; font-weight:bold; color:#fff}
.confirmWrap .g_txt {padding:30px; color:#666;}
.confirmWrap .confirmForm{width:350px; margin:0 auto; padding-bottom:45px;}
.confirmWrap .row {height:44px; overflow:hidden}
.confirmWrap .row .l_tit {display:block; float:left; width:105px; color:#666; font-size:16px; font-weight:bold}
.confirmWrap .row .r_txt {display:block; float:left; width:auto; color:#333; font-size:16px; font-weight:bold}
.confirmWrap .row input {display:block; float:left; height:32px; width:130px; padding-left:10px;}
.confirmWrap .row a {display:block; float:left; height:32px; margin-left:10px; line-height:32px; background:#e9edf1; border:1px solid #ced3d9; color:#4a6d91; font-size:13px; padding:0 8px;}
.confirmWrap .row a:hover {background:#eff3f7;}

/* 2018-02-01 1분운동 랭킹 썸네일 */
.img_profile {  width: 50px; height: 50px; margin: 0 15px; border-radius: 50%; border: 1px solid #dedede; }