.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px;opacity:1;}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}/* 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; }*/

body { font-family: Verdana, Arial, Gulim; font-size:12px; 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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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:200px; 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;
}
/* /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:-45px;
	-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-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:100px; text-align:center; border-right:1px solid #dddddd; background:#f6f6f6;}
#join_tab, #usermod_tab {display:block; width:98px; text-align:center; border-bottom:1px solid #dddddd;}
#login_btn {display:block; width:75px; 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:93px; height:25px; text-align:center; border:1px solid #a9a9a9; line-height:25px;}
#join_btn {display:block; width:75px; 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:93px; height:25px; text-align:center; border:1px solid #a9a9a9; line-height:25px;}
#email_resend_btn {display:block; width:173px; 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:173px; 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:173px; 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 */