@charset "utf-8";



/* Basics */

img {border:0;}

a, a:active, a:link {text-decoration:none;color:#000;}

a:visited {text-decoration: none;}

a:hover {text-decoration:underline;}

ul {list-style:none;margin:0;padding:0;}

table { border:1px solid #ddd; border-collapse:collapse; margin:5px 0 10px 0; width:100%; font-size: inherit;}

caption { margin:0;padding:0;display:none;}

th, td { padding:4px; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }

/* tr:hover { background:#fff; } */

th { color:#91A2C6; background:#FBFBFB;}



/*z-index */

.zindex10 { z-index: 10; }

.zindex20 { z-index: 20; }

.zindex30 { z-index: 30; }

.zindex40 { z-index: 40; }

.zindex50 { z-index: 50; }



/* align */

.floatLeft  { float:left; }

.floatRight{ float:right; }

.textAlignLeft  { text-align:left; }

.textAlignRight { text-align:right; }

.vmiddle { vertical-align: middle; }

.clear { display:inline-block;clear:both; }



/* width & height */

.width10px {width: 10px;}

.width20px {width: 20px;}

.width30px {width: 30px;}

.width40px {width: 40px;}

.width50px {width: 50px;}

.width60px {width: 60px;}

.width70px {width: 70px;}

.width80px {width: 80px;}

.width90px {width: 90px;}

.width100px {width: 100px;}

.width200px {width: 200px;}

.width300px {width: 300px;}

.width400px {width: 400px;}

.width500px {width: 500px;}

.width600px {width: 600px;}



.height10px {height: 10px;}

.height20px {height: 20px;}

.height30px {height: 30px;}

.height40px {height: 40px;}

.height50px {height: 50px;}

.height60px {height: 60px;}

.height70px {height: 70px;}

.height80px {height: 80px;}

.height90px {height: 90px;}

.height100px {height: 100px;}

.height200px {height: 200px;}

.height300px {height: 300px;}

.height400px {height: 400px;}

.height500px {height: 500px;}

.height600px {height: 600px;}



.width10pr {width: 10%;}

.width20pr {width: 20%;}

.width30pr {width: 30%;}

.width40pr {width: 40%;}

.width50pr {width: 50%;}

.width60pr {width: 60%;}

.width70pr {width: 70%;}

.width80pr {width: 80%;}

.width90pr {width: 90%;}

.width95pr {width: 95%;}

.width98pr {width: 98%;}

.width100pr {width: 100%;}



.height10pr {height: 10%;}

.height20pr {height: 20%;}

.height30pr {height: 30%;}

.height40pr {height: 40%;}

.height50pr {height: 50%;}

.height60pr {height: 60%;}

.height70pr {height: 70%;}

.height80pr {height: 80%;}

.height90pr {height: 90%;}

.height100pr {height: 100%;}



/* backgroud */

.graybg { background: #FBFBFB; }

.redbg { background: #FF0000; }

.orangebg { background: #FF8000; }

.greenbg { background: #00FF00; }

.bluebg { background: #30C0FF; }

.yellowbg { background: #FFFF80; }



/* form elements */

form {margin:0;padding:0;}

label {display: block;margin:3px 0 2px 0;padding:0;color:#666;}

input, textarea {font:1.0em/140% Arial, Helvetica, sans-serif;color:#666;padding:2px;background:#fff;border:1px #ebebeb solid; vertical-align:middle;}



/* font size */

.fontsize075em {font-size: 0.75em;}

.fontsize085em {font-size: 0.85em;}

.fontsize100em {font-size: 1.0em;}

.fontsize125em {font-size: 1.25em;}

.fontsize150em {font-size: 1.5em;}

.fontsize175em {font-size: 1.75em;}

.fontsize200em {font-size: 2.0em;}



/* tab */

.membertab.line {padding:0 0 30px 0}

.membertab.line ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd;font-size:11px;*zoom:1}

.membertab.line ul:after{content:"";display:block;clear:both}

.membertab.line li{float:left;margin-bottom:-1px}

.membertab.line li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom-color:#ddd;background:#FBFBFB;color:#333}

.membertab.line li a span{display:inline-block;height:14px;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}

.membertab.line li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;*zoom:1}

.membertab.line li ul:after{content:"";display:block;clear:both}

.membertab.line li li{position:relative;left:-1px;padding:0 10px;border-left:1px solid #ddd;overflow:visible}

.membertab.line li li a{padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}

.membertab.line li.active a{border:1px solid #ddd;border-bottom:1px solid #fff;margin-top:-1px;background:transparent}

.membertab.line li.active a span{padding-top:7px;font-weight:bold;}

.membertab.line li li a:hover,

.membertab.line li li a:active,

.membertab.line li li a:focus,

.membertab.line li li.active a{font-weight:bold;letter-spacing:-1px;color:#6db8f2 !important}

.membertab.line.jx{padding:0}

.membertab.line.jx ul{border:0}

.membertab.line.jx li{float:none}

.membertab.line.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ddd !important;background:#FBFBFB !important}

.membertab.line.jx li ul{position:static;display:block;padding:5px 0;left:0;top:0}

.membertab.line.jx li li{display:inline}

.membertab.line.jx li li a{display:inline;letter-spacing:normal;border:0 !important;font-weight:normal !important;color:#666 !important;background:none !important}

.membertab.line.jx li li a:hover,

.membertab.line.jx li li a:active,

.membertab.line.jx li li a:focus{text-decoration:underline}





#topBox {

	position:relative;

	width:auto;

	height:45px;

	margin-left:0;

	margin-right:0;

	padding:0;

}

#topBox #topContent {

	position:relative;

	width:100%;

	margin:0;

	padding:0;

}

#topBox #topContent #topMenu {

	position:relative;

	float:left;

	width:350px;	

	margin:0;

	padding:0;

	left:10px;

	height:45px;

}

#topBox #topContent #closebtn {

	position:relative;

	float:right;

	right:0;

	margin:0;

	padding:10px; 20px 0 0;

	height:45px;

	text-align:right;

}



#pageNums  {

	position: relative;

	margin: 15px 0 15px 0;

	padding: 0;

	font-size: 0.8em;

}

#pageindicator {

	position: relative;

	margin: 15px 0 15px 0;

	padding: 0;

	font-size: 0.8em;

}









/* 게시판 목록 검색창 */

#searchform {position:relative;margin: 0;padding: 0;width: 100%;height: 30px;}

    #seLeft {position:relative;float: left;margin: 0;padding: 0;width: 110px;line-height:30px;}

    #seCenter {position:relative;float: left;margin: 0;padding: 0;width: 160px; }

        #keyword{width: 150px;height: 18px;padding: 2px;}

    #seRight {position:relative;float: left;margin: 0;padding: 0;width: 200px;}

    .selectsBox { position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;width:95%;z-index:10;}

    .selectsBox *{ margin:0; padding:0; cursor:pointer;}

    .selectsBox .optionKey{ position:relative; z-index:2; left:0; top:0; border:1px solid #eaeaea; color:#666; line-height:20px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}

    .selectsBox .optionKey.selected{ font-weight:bold;}

    .selectsBox.open .optionKey,

    .selectsBox .optionKey.outLine{ border:1px solid #eaeaea;}

    .selectsBox button.optionKey{ height:22px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}

    .selectsBox div.optionKey{ height:22px; text-indent:8px;}

    .selectsBox .ctrl{ position:absolute; top:0; right:0; width:22px; height:22px; border:1px solid #eaeaea; border-left:1px solid #eaeaea; background:#fff;}

    .selectsBox .arrow{ position:absolute; width:0; height:0; top:9px; right:7px; line-height:0; font-size:0; border-top:3px solid #eaeaea; border-left:3px solid #fff; border-right:3px solid #fff;}

    .selectsBox ul{ top:23px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#fff; overflow:hidden;}

    .selectsBox ul.aList{ display:none;}

    .selectsBox.open ul.aList{ display:block;}

    .selectsBox ul.iList{ left:-2000%;}

    .selectsBox.open ul.iList{ left:0;}

    .selectsBox li{ position:relative; overflow:hidden; white-space:nowrap; height:23px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}

    .selectsBox li input.option{ position:absolute; width:100%; height:23px; line-height:23px;}

    .selectsBox li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:23px; line-height:23px; color:#767676; background:#fff;}

    .selectsBox li a{ display:block; text-indent:8px; *text-indent:6px; height:23px; line-height:23px; color:#767676; background:#fff; text-decoration:none;}

    .selectsBox li.hover *{ background:#91A2C6; color:#fff;}





/* 게시글 자세히 보기 */

#viewTitle {

    position: relative;

	margin: 10px 0 15px 0;

	padding: 0;

}



#viewText {

    position: relative;

	margin: 10px 0 15px 0;

	padding: 0;

}



#viewTextArea {

    position: relative;

	max-width:97.8%;

	padding: 10px;

	width:97.8%;

	min-height:300px;

}

#dateChager {

	max-height: 26px;

}



/*우편번호*/

#titleBox {

	position: relative;

	clear:both;

	margin: 10px 0 15px 0;

	padding: 10px;

	border:1px solid #ddd;

}