/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
body{
	line-height:1.6em;
}
@media screen{
  body>div#left-sidebar{
     position:fixed;
  }
}
* html body{
  overflow:hidden;
} 
* html div#content{
  height:100%;
  overflow:auto;
}

/*select box 높이고정*/
/*
#admin select#snsnum, #admin select#spicnum, #admin select.sortsel, #admin select#keyfield, #admin dl#register select, #admin dl#setbbs select, #admin #main_cate select, #admin select#userlevel, #admin select#sort {
	height:30px;
}
*/
#admin select{
	height:30px;
}
#message {margin-top:70px;} // 위로가기 상단 여백

/*관리자 로그인*/
#login {
   width:90%;
   margin:0 auto;
   border:1px solid #ccc;
   padding:13px 3% 10px 3%;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
#login dl {
   position:relative;
}
#login #login_bt {
   position:absolute;
   right:2%;
   top:0;
 }
#login dl dt  {
  float:left;
  width:27%;
  height:17px;
  margin-bottom:5px;
}
#login dl dd  {
  float:left;
  width:73%;
  height:17px;
  margin-bottom:5px;
}
#login dl dd input {
  width:70%;
}

/*관리자a링크*/
#admin a:hover, #admin a:active{
  color:#999;
}

/*페이지 목록*/
#pagego {
  text-align:center;
  margin-top:15px;
  height:40px;
}
#pagego a span.pagelist{
	font-size:14px;
	color:#012868;
	width:18px;
    height:18px;
	line-height:18px;
	margin:0 1px;
	border:1px solid #64AAFF;
	padding:2px 4px;
}

#pagego a:hover span.pagelist{
	color:#fff;
	background-color:#64AAFF;
	text-decoration:none;
	border:1px solid #64AAFF;
	margin:0 1px;
	padding:2px 4px;
}

#pagego span.nowpage {
	color:#fff;
	background-color:#64AAFF;
	text-decoration:none;
	font-size:14px;
	width:18px;
    height:18px;
	line-height:18px;
	margin:0 1px;
	border:1px solid #64AAFF;
	padding:2px 4px;
}
#search {
 width:100%;
 text-align:center;
}

/*게시판 뷰*/
#bbs_view {
    width:100%;
}
#bbs_view #view_top {
	margin:10px 0 5px 0;
	border:1px solid #ccc;
	padding:5px 5px 5px 5px;
}
#bbs_view #view_top p {
	font-size:130%;
}
#bbs_view #view_top p span {
	font-size:90%;
	color:#999999;
}
#bbs_view #view_con {
	border:1px solid #CBC9C9;
	padding:5px;
	min-height:300px;
}

/*관리자화면*/
/*사이드바 fix*/
 body#admin{
  margin:0;
  padding:0 0 0 150px;
 } 
 div#left-sidebar{
  position:absolute;
  top:0;
  left:0;
  width:150px;
  height:100%;
 }

#admin h1 {
  text-align:center;
  height:30px;
  line-height:30px;
  font-size:120%;
}
#admin #intro ul li {
  margin:10px 20px;
}
#admin #intro ul li:first-child {
  margin-top:20px;
}
#admin #intro h1 {
 position:relative;
}
#admin #intro h1 button {
 position:absolute;
 top:9px;
 right:3px;
 padding:5px 3px 3px 3px;
}
.main_bt {
	vertical-align:middle;
	padding:9px 3%;
	text-align:center;
	border:1px solid #999999;
  font-weight:bold;
}
#admin #subcon {
  width:95%;
  margin:0 auto;
  margin-top:22px;
}
#admin #subcon input[type=radio],#admin #subcon input[type=checkbox],#subcon input[type=file] {vertical-align:middle;}
#admin #subcon .check_use label {margin-left:3px;margin-bottom:6px;display:inline-block;}
#admin #subcon p.meta {
  position:relative;
  margin:5px 0;
  padding:5px 0;
}
#admin #subcon p.meta input {
  position:absolute;
  right:5px;
  top:0;
}
#admin #subcon h2 {
  width:98%;
  text-align:left;
  margin-top:10px;
  margin-bottom:10px;
  padding-left:3%;
  padding-right:0;
  font-size:120%;
}
#admin #subcon #selmenu {
  text-align:right;
  margin-bottom:5px;
}
#admin #subcon #selmenu input {
  margin:0 5px;
  vertical-align:middle;
}
#admin #subcon ul#menu {
  width:100%;
  margin-top:15px;
  border:1px solid #ccc;
  padding:10px 0;
  background-color:#dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#admin #subcon ul#menu li {
  float:left;
  width:40%;
  border:1px solid #ccc;
  text-align:center;
  margin:2px 2% 2px 3%;
  padding:3px 2%;
  background-color:#fff;
}
#admin #subcon ul#tips {
  width:100%;
  margin-bottom:15px;
  border:1px solid #ccc;
  padding:5px 0;
}
#admin #subcon ul#tips li {
  margin-left:30px;
  list-style:square;
}
#admin #subcon .line_btn {
 margin:20px 0;
 text-align:center;
}
#admin #subcon .line_btn button {
 margin:0 5px;
}
#admin #subcon .cate_box {
  width:90%;
  margin:0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  border-radius: 5px;
  padding:5px 5%;
  border:1px solid #ccc;
}
#admin #subcon .cate_box span{
	font-size:70%;
	margin:0 5px;
	color:#999;
	vertical-align:middle;
}
#admin #subcon #product {
	margin-top:20px;
}
#admin #subcon #product ul {
	width:100%;
	margin-bottom:5px;
}
#admin #subcon #product ul li {
	float:left;
	width:50%;
}
#admin #subcon #product table td {
  text-align:center;
  width:25%;
}
#admin #subcon #product table td button{
	margin-right:2px;
	padding:3px;
}

#admin #subcon #search {
	margin-bottom:30px;
}
#admin #subcon dl#register {
   width:100%;
   border-bottom:1px solid #54ff5a;
}
#admin #subcon dl#register dt {
    width:14.6%;
	padding:7px 0 3px 0;
	float:left;
	border-top:1px solid #54ff5a;
	text-align:center;
}
#admin #subcon dl#register dd {
    width:84.9%;
	float:left;
	border-top:1px solid #54ff5a;
	padding:5px 0;
}
#admin #subcon dl#register dd img.display_img {
  max-width:100%;
}
#admin #subcon dl#register dd div#title,  #admin #subcon dl#register dd div#content{
   width:100%;
   margin:2px 0;
}
#admin #subcon dl dt.add_fd, #admin #subcon dl dd.add_fd{
  display:none;
}
#admin #subcon dl#setbbs {
   width:100%;
   border-bottom:1px solid #54ff5a;
   border-top:0;
   margin-top:5px;
}
#admin #subcon dl#setbbs dt {
  width:30%;
	padding:5px 0 5px 5%;
	float:left;
	border-top:1px solid #54ff5a;
}
#admin #subcon dl#setbbs dd {
  width:64.9%;
	float:left;
	border-top:1px solid #54ff5a;
	padding:5px 0;
}
#admin #subcon dl#setbbs dd input {
  vertical-align:middle;
}
#admin #subcon dl#setbbs dd div {
   width:100%;
   margin:2px 0;
   border:1px solid #54ff5a;
}
#admin #subcon dl#setbbs dd textarea {
  width:95%;
  height:100px;
}
#admin #subcon dl#setbbs dd #rtable {
   border:0;
   margin-top:5px;
   border:1px solid #ccc;
   border-radius:5px;
   padding:1% 2%; 
   width:91%;
   display:none;
}
#admin #subcon dl#setbbs dd #rtable p {
   margin:5px 0;
}
#admin #subcon dl#setbbs dd #rtable p span {
   margin-right:10px;
}
#admin #subcon table dl.design {
   width:99%;
   margin:0 auto;
}
#admin #subcon table dl.design dt {
   float:left;
   margin:2px 5px 2px 10px;
   padding:1px;
   background-color:#000;
   text-align:center;
}
#admin #subcon table dl.design dt span {
   color:#fff;
   padding:0 2px;
   display:block;  
}
#admin #subcon table dl.design dd {
   float:left;
   margin:2px;
   padidng:1px 0;   
}
#admin #subcon #countChr {
   margin-left:5px;
   font-size:70%;
}
#admin #subcon #iconlist {
	display:none;
	border-top:1px solid #ccc;
}
#admin #subcon #iconlist dl {
	float:left;
	margin:5px;
}
#admin #subcon #iconlist dl dd {
	text-align:center;
}

#admin #subcon #userlist_menu{
   width:200px;
   margin-bottom:10px;
}
#admin #subcon #agree_setup table th {
   width:10%;
}
#admin #subcon #agree_setup table td {
   width:90%;
}
#admin #subcon #agree_setup table td .fr_additem{
  display:none;
  width:50%;
}
#admin #subcon #agree_setup textarea {
   width:99%;
   height:150px;
}
#admin #subcon #agree_setup table td.add_fr div {
  margin:1px 0;
}
#admin #subcon #agree_setup table td.add_fr input,#admin #subcon #agree_setup table td.add_fr select{
   height:27px;
   border:1px solid #ccc;
   vertical-align:middle;
   margin-right:2px;
}
#admin #subcon #userlist_con table td.add_fr input {
   vertical-align:middle;
   margin:0 3px;   
}
#admin #subcon .tabletd_center tr td{
	text-align:center;
} 
#admin #subcon ul.notice_list {
 	width:100%;
	margin-bottom:10px;
	border-bottom:1px solid #dee2e4;  
}

/*sns box*/
#admin #subcon #sns_box .snsconbox {
  margin:10px 0;
  padding:10px;
  background-color:#ececec;
}
#admin #subcon #sns_box .snsconbox p {
  margin:5px 0;
}
#admin #subcon #sns_box .snsconbox textarea {
  width:100%;
  height:50px;
}

#admin #subcon #sns_box span em {margin-left:5px;cursor:pointer;} 
#admin #subcon #menubox_wrap {width:100%;}
#admin #subcon .menu_box {
  border:1px solid #ccc;
  background:#F5F5F5;
  margin:5% 0 0 5%;
  float:left;
  width:200px;
  height:200px;
}
#admin #subcon .menu_box span{
	font-size:110%;
	color:#FF0000;
}
#admin #subcon iframe#chatiframe {
  width:100%;
  min-height:210px;
  margin:0 auto;
}
#admin #subcon #showmenu span {
  font-size:80%;
}
#admin #color_pick, #admin #bgimage_pick {
  border:1px solid #ccc;
  border-radius:10px;
  padding:10px;
}
#admin #color_pick p,#admin #bgimage_pick p {
  margin:5px 0;
}
#admin #color_pick p span,#admin #bgimage_pick p span {
  margin:0 5px;
  font-weight:bold;
}
#admin #color_pick p em, #admin #admin #color_pick p em p em{
  margin-right:5px;
}
#admin #color_pick input.basic,#admin #bgimage_pick input.basic{
  width:25%;
}
#admin #subcon #thema_setup {
  width:100%;
}
#admin #subcon #thema_setup dl {
   width:16%;
   float:left;
   margin:1%;
   border-top:4px solid #ccc;
   border-bottom:2px solid #ccc;
   padding:1%;
}
#admin #subcon #thema_setup dl dt {
  text-align:center;
  padding:5px 0;
}
#admin #subcon #thema_setup dl dt img {
  max-width:100%;
  height:auto;
}
#admin #subcon #thema_setup dl dd p {
  text-align:center;
  padding:5px 0;
}
#admin #subcon #thema_setup dl dd p:first-child {
  font-weight:bold;
  font-size:105%;
}
#admin #subcon #thema_setup dl dd p button {
  cursor:pointer;
}
#admin #subcon #thema_default {
  border:1px solid #ccc;
  padding:20px 10px;
  text-align:center;
  margin:20px 0 40px 0;
  border-radius:5px;
}

/* 메인화면 디자인 */
#menubox_border{
	width:93.5%;
	overflow:auto;
	border:1px solid #ccc;
	border-radius:5px;
	margin:0 auto;
	padding-bottom:5%;
}
#admin #subcon .menu_box h2{
	width:90%;
	border-bottom:1px dashed #066E8B;
	position:relative;
	padding:0 0 15px 20px;
}
#admin #subcon .menu_box h2:before{
	position:absolute;
	left:8px;
	content:"|";
	color:#066E8B;
	font-weight:bold;
}
#login_wrap {
  position:relative;
}
#login_tb {
  position:absolute;
  border:1px solid #ccc;
  background-color:rgba(255,255,255,0.7);
  top:50%;
  left:50%;
  margin-top:-106px;
  margin-left:-155px;
  padding:30px;
  background-color:#e8e9ec; 
}
#login_tb table {
  margin:0 auto;
  background-color:#fff; 
  border:1px solid #ccc;
  padding:10px; 
}
#login_tb p {
  margin-top:18px;
  width:100%;
  position:relative;
}
#login_tb p button {
  position:absolute;
  right:0;
  top:-6px;
}
#login_tb table td {
  padding:5px;
}
#login_tb table th {
  text-align:left;
  padding:5px;
}

/* 테마설정 */
p.homeinfo {
  margin-bottom:5px;
}
p.homeinfo strong {
  display:inline-block;
  width:8%;
  min-width:80px;
  text-align:center;
}
#main_slide select {
  margin:8px 0;
}
.slidepic {
  margin-bottom:7px;
}
.slidepic span {
  margin-right:10px;
  text-align:center;
}
span.pro {
  margin:0 10px 0 3px;
  display:inline-block;
}

/* 문서이동 */
#move_wrap {
  width:270px;
  border:1px solid #ccc;
  margin:0 auto;
  margin-top:100px;
  padding:20px 40px;
}
#move_wrap ul {
  margin-left:10px;
}
#move_wrap ul li {
  line-height:110%;
  list-style:disc;
}
#move_wrap #move {
  margin:15px auto 15px auto;
}
#move #main_cate, #move #sub_cate {
  float:left;
}
#move #sub_cate {margin-left:10px;}
#move_btn {
 margin-top:20px;
 text-align:center;
}

/*내용 sms 전달 아이콘*/
#sns_to {
 text-align:right;
}
#sns_to img {
 margin-left:3px;
}

/*접속방문관리*/
#admin #subcon #log_wrap #msg_box{
	border:1px solid #D9D9D9;
	border-radius:5px;
	background:#F7F7F7;
	padding:20px 0 20px 40px;
	margin-bottom:30px;
	list-style:square;
}
#admin #subcon #log_wrap h2{
	position:relative;
	font-size:100%;
	padding-left:12px;
}
#admin #subcon #log_wrap h2:before{
	content:"|";
	color:#8CBD2E;
	font-weight:bold;
	position:absolute;
	left:0;
}
#admin #subcon #log_wrap h3{
	position:relative;
	padding-left:12px;
	font-size:100%;
}
#admin #subcon #log_wrap h3:before{
	content:"|";
	color:#9DC651;
	font-weight:bold;
	position:absolute;
	left:0;
}
#admin #subcon #log_wrap h3 strong{
	font-size:80%;
	margin-left:10px;
}
#admin #subcon #log_wrap table td select{
	margin-right:3px;
	margin-left:10px;
}
#admin #subcon #log_wrap table#time_search td{
	text-align:center;
}
#admin #subcon #log_wrap table#acception caption{
	text-align:right;
}
#admin #subcon #log_wrap table#acception td {text-align:center;}
#admin #subcon #multihomesetup {
  margin-top:10px;
  padding:10px;
  border:1px solid #ccc;
  border-radius:5px;
}
#admin #subcon #multihomesetup ul li {
  margin:5px 0;
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media screen and (max-width: 980px) {
      #admin #subcon #sns_box input.basic {
       width:95%;
      }  
      input.pic {
       width:95.5%;   
      }
    	#admin #subcon .menu_box {
    	  margin:5% 5% 0 5%;
    	  width:90%;
    	}
    	#admin #subcon #thema_setup dl {
    	  width:46%;
    	}
}
@media screen and (max-width: 480px) {
     body#admin{
       padding:0;
     } 
     body>div#left-sidebar{
      position:relative;
      width:100%;
     } 
     #admin #subcon #designform table.tabledata th {display:none;}  
     #admin #subcon table.tabledata td {width:100%;} 
     #admin #subcon table#acception td {width:inherit;}      
     #admin #subcon p.meta label {display:block;}
     #admin #subcon p.meta input {width:95%;position:relative;margin-left:10px;}
     
  	 #admin input#saveexcel_btn{
  	 	display:none;
  	 }
  	 #admin #subcon #product table th.th_code, #admin #subcon #product table td.th_code{
  	 	display:none;
  	 }
  	 #admin #intro h1 button {
         top:7px;
         right:10px;
         padding:inherit;
      }
     .slidepic {
        margin-bottom:15px;
        margin-top:10px;
     }
    #admin #subcon table dl.design dt {
      width:15%;
      margin:3px 4% ;
      padding:0;
    }
    #admin #subcon table dl.design dd {
      width:27%;
      margin:3px 0;
    }
    #move_wrap {width:270px;padding:15px;}
    #admin #subcon #agree_setup table th {
      display:none;
    }
    #admin #subcon #agree_setup table td {
       width:100%;
    }
    #admin #subcon #agree_setup table td .fr_additem{
         width:100%;
         margin-top:2px;
         margin-right:0;
    }
   table th.hide_cell {display:none;}
   #admin #subcon iframe#chatiframe {
      min-height:230px;
   }
   #login_tb {
      margin-left:-146px;
   }
}