/* common */
/*body { font-family:'나눔바른고딕','맑은고딕', 'Malgun Gothic', "Open Sans",arial,'Apple SD Gothic Neo','Noto Sans CJK KR','본고딕','KoPubDotum Medium','나눔바른고딕','나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic',sans-serif!important; margin:0; font-size:13px; background: #ffffff; } */

/*body { font-family: "Open Sans",arial,'Apple SD Gothic Neo','Noto Sans CJK KR','본고딕','KoPubDotum Medium','나눔바른고딕','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic',sans-serif!important; font-size:13px; margin:0; }*/

.cb { clear:both; }
.posr {position:relative;}
.posa {position:absolute;}
.db {display:block;}
.w100 { width:100%; }
.fl { float:left; }
.fr { float:right; }
.b { font-weight:bold; }
.auto { margin:0 auto; }
.border { border:1px dashed #cccccc; }
a { text-decoration: none; }
a:active { color:black; }
a:link { color:black; }
a:visited { color:black; }

textarea, input, select, label {
  vertical-align: middle;
}

/* 텍스트 선택 방지 */
.noselect { 
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Safari */ 
    -khtml-user-select: none;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

table{ border-collapse: collapse; /* 'cellspacing' equivalent */ }
table td, table th { padding: 0; /* 'cellpadding' equivalent */ }

/* /common */

/* #wrap */
/*#wrap { max-width:1024px; min-height:1100px; margin:0 auto; position:relative; overflow:hidden;}*/
/*#wrap { max-width:900px; min-height:1100px; margin:0 auto; position:relative; overflow:hidden;}*/
/*#wrap { max-width:1100px; margin:0 auto; position:relative; overflow:hidden;}*/
/* /#wrap */

/* #menu */
#menu {
	font-size: 1em; 
	position:absolute; z-index:1; background:white; width:/*200*/280px; height:100%; border-left:1px solid #f6f6f6; border-right:1px solid #dddddd; left:-204px; display:none; top:0px; 

	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	box-shadow: 5px 0 5px rgba(0,0,0,.15);
}

#menu ul li {
	min-height:35px; line-height: 35px;
	border-top:1px solid #dddddd;
	background: #f6f6f6;
	font-size:1em;
}

a.menu_1 {
	display:block;
	padding-left:25px;
}

a.menu_1:hover {
	background:#ededed;
}

/*#menu ul li a {} #menu ul li a:hover {}*/

/* 1차 서브메뉴 글자색상 */
#menu ul li ul li a {
	color:#7f7f7f;
}

.sub_1 li {
	min-height:35px; line-height: 35px;
	border-top:0px solid #dddddd;
	font-size:1em;
	padding-left: 0px;
}

.sub_2 li {
	min-height:35px; line-height: 35px;
	border-top:0px solid #dddddd;
	font-size:1em;
	padding-left: 0px;
}

/* /#menu */

/* #info */
#info { 
	font-size: 1em; 
	position:absolute; z-index:1; background:white; width:/*200*/280px; height:100%; border-right:1px solid #f6f6f6; border-left:1px solid #dddddd; right:-204px; display:none; top:0px; 

	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px 5px rgba(0,0,0,.15);
}

#info ul li {
	min-height:35px; line-height: 35px;
	border-bottom:1px solid #dddddd;
	font-size:1em;
}
/* /#info */


/* #top */
#top { width:100%; /*background:#f6f6f6;*/ background: #fff; height:34px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; }
#top ul { list-style: none; margin:0; padding:0; max-width:100%; }
#top ul li { list-style-type: none; width:33.31%; float:left; text-align:center; height:34px; line-height:34px; }
#top ul li a { display:block; width:100%; height:32px; font-size:1em; font-weight:bold; color:#333333;}
#top ul li a:hover { /*background:#ededed;*/ background: #f5f5f5; }

.top_a { border-left:1px solid #dddddd; }
/* /#top */


/* scrollbar */
.scroll-pane::-webkit-scrollbar {
	width:9px; height:9px;
}

.scroll-pane::-webkit-scrollbar-thumb{
	background: #ccc;
}

body{
	/*scrollbar-track-color:  #AAA;
	scrollbar-3dlight-color:  #AAA;
	scrollbar-darkshadow-color:  #AAA;
	scrollbar-arrow-color:  #AAA;*/

	scrollbar-base-color: #e4e4e4;
	scrollbar-face-color: #e4e4e4;
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #e4e4e4;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
}
/* /scrollbar */

/* .grid */

.main_span_cate { font-size:.85em; color:#aaaaaa;}

[class*='col-'] {
  float: left;
}

.col-2-3 {
  width: 66.66%;
}
.col-1-2 {
  width: 50%;
}
.col-1-3 {
  width: 33.33%;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*='col-'] {
  	padding-right: 10px;
}
[class*='col-']:last-of-type {
	padding-left: 10px;
  	padding-right: 0;
}

a.a_view { font-size:1em; color:#3388cc; }
a.a_view:hover { color:#005599; text-decoration: underline; }

#main ul { list-style: none; margin:0; padding:0; max-width:100%; }
#main ul li { list-style-type: none; width:50%; float:left; text-align:left; height:20px; line-height:20px; }
#main ul li a { display:block; width:100%; height:20px; font-size:1em; font-weight:bold; color:#333333; overflow:hidden; font-weight:normal; padding:5px 0 0 0; }
#main ul li a:hover { background:#ededed; }

.main_a { border-left:1px solid #dddddd; }
/* /#grid */

/* #list */
#list td {
	line-height: 1.5em;
	padding:.4em .5em;
}

/*#list a { color:#3388cc; }*/

#list a { color:black; text-decoration: none; }
#list a:hover { color:black; text-decoration: underline; }

#list a:active { color:black; }
#list a:link { color:black; }
#list a:visited { color:#bbb; }

#list table tbody tr {
	border-bottom:1px solid #e0e0e0; 
}

#list table tbody tr td {
	/*height:28px;*/
}

#list table tbody tr:last-of-type {
	border-bottom:1px solid #ececec; 
}
/* /#list */

/* recaptcha */
.g-recaptcha {

	margin-bottom:/*-45*/-9px;
	/*-webkit-transform: scale(0.57);
     -moz-transform: scale(0.57);
      -ms-transform: scale(0.57);
       -o-transform: scale(0.57);
          transform: scale(0.57);*/
  -webkit-transform: scale(.83);
     -moz-transform: scale(.83);
      -ms-transform: scale(.83);
       -o-transform: scale(.83);
          transform: scale(.83);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
}


/*info*/
#login_tab, #userinfo_tab {display:block; width:50%; text-align:center; border-right:1px solid #dddddd; background:#f6f6f6;}
#join_tab, #usermod_tab {display:block; width:50%; text-align:center; border-bottom:1px solid #dddddd;}
#login_btn {display:block; width:49%; height:25px; text-align:center; border:1px solid #a9a9a9; margin-right:5px; line-height:23px; background:#f6f6f6; font-size:1em; cursor:pointer;}
#userfind_link {display:block; width:48%; height:25px; text-align:center; border:1px solid #a9a9a9; line-height:25px;}
#join_btn {display:block; width:100%; height:25px; text-align:center; border:1px solid #a9a9a9; margin-right:5px; line-height:23px; background:#f6f6f6; font-size:1em; cursor:pointer;}
#join_agree_btn {display:block; width:127px; height:25px; text-align:center; border:1px solid #a9a9a9; line-height:25px;}
#email_resend_btn {display:block; width:100%; height:25px; text-align:center; border:1px solid #a9a9a9; margin-right:5px; line-height:23px; background:#f6f6f6; font-size:1em; cursor:pointer;}
#usermod_btn {display:block; width:100%;; height:25px; text-align:center; border:1px solid #a9a9a9; margin-right:5px; line-height:23px; background:#f6f6f6; font-size:1em; cursor:pointer;}

#userfind_btn {display:block; width:100%; height:25px; text-align:center; border:1px solid #a9a9a9; margin-right:5px; line-height:23px; background:#f6f6f6; font-size:1em; cursor:pointer;}


div.bb_row1 { width:100%; height:30px; border-bottom:1px solid #e4e4e4; padding:5px 0 0 0; background:none; }
div.bb_row2 { width:100%; height:30px; border-bottom:1px solid #e4e4e4; padding:5px 0 0 0; background:#fbfbfb; }

div.bb_row1:hover, div.bb_row2:hover { background:#f0f0f0; }

div.view a:hover { text-decoration: underline; }

/* media query */

/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
    .table td.ui-table-priority-1 {
	    display: table-cell;
    }
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
    /*.table td.ui-table-priority-2 {
	    display: table-cell;
    }*/
}

@media screen and (max-width: 1023px) {
    /*.inner .date { display: none; }
    .inner .dot { display: inline; }
    body { font-size:.75em; }*/
}

@media screen and (max-width: 560px) {
    /*.inner .date { display: inline; }
    .inner .dot { display: none; }
    body { font-size:.75em; } */
}

@media screen and (max-width: 520px) {
	.a_view { font-size:.9em; }
    [class*='col-'] {
 	 	padding-right: 5px;
	}
	[class*='col-']:last-of-type {
		padding-left: 5px;
	  	padding-right: 0;
	}
}

@media screen and (min-width: 501px) {
	.a_view { font-size:.9em; }    
}

@media screen and (max-width: 500px) {
    [class*='col-'] {
  		float: inline-block;
	}
	.col-1-2 { width: 100%; }
	.a_view { font-size:1em; }
	#menu { font-size:1em; }
	#info { font-size:1em; }

	[class*='col-'] {
 	 	padding-right: 0;
	}
	[class*='col-']:last-of-type {
		padding-left: 0;
	  	padding-right: 0;
	}
}

@media screen and (max-width: 479px) {
    /*.inner .date { display: none; }
    .inner .dot { display: none; }
    body { font-size:.85em; } */
}

/* /media query */