@charset "utf-8";


img {border:0px; max-width:100%}
html , body {width:100%; height:100%;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{
	margin:0;padding:0; font-size:10pt; font-family:"나눔고딕","돋움", "굴림","Nanum gothic","Verdana", "Helvetica"; color:#5a5d5c;
}

ul { list-style:none; margin:0; padding:0; }
li { margin: 0 0 0 0; padding: 0 0 0 0; border : 0; float: left; } 

body {background-color: #f5f6f8;}

/*링크 관련*/
a:link {color: #666666;text-decoration: none;cursor:pointer}
a:visited {color: #666666;text-decoration: none;cursor:pointer}
a:hover {color: #888888;text-decoration: none;cursor:pointer}
a:active {color: #888888;text-decoration: none;cursor:pointer}

.LA1 {border:1px; border-style: solid;border-color: #dadcdf;}
.LT1 {border-top-width: 1px;border-top-style: solid;border-top-color: #dadcdf;}
.LR1 {border-right-width: 1px;border-right-style: solid;border-right-color: #dadcdf;}
.LL1 {border-left-width: 1px;border-left-style: solid;border-left-color: #dadcdf;}
.LB1 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dadcdf;}

.PA5 {padding:5px;}
.PL5 {padding-left:5px;}
.PT5 {padding-top:5px;}
.PL10 {padding-left:10px;}
.PL15 {padding-left:15px;}


/*리스트에 내용 길때 뒷부분 자르고 점찍어 주는거*/
.text_over { display:inline-block; overflow:hidden; width:95%; text-overflow:ellipsis; white-space:nowrap }


/* 테이블 배경색관련 */
.TB00 {background-color: #FFFFFF;}
.TB01 {background-color: #F9F9F9;}



/* 게시판 페이징 스타일 */
.LA1-G {border:1px; border-style: solid;border-color: #bebebe;}
.LA1-G2 {border:1px; border-style: solid;border-color: #777777;}
.TB01-G {background-color: #ebebeb; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.TB01-G1 {background-color: #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.TB01-G2 {background-color: #8f8f8f; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}



/* 색상 */
.BLACK {background-color: #2f3032;}
.GRAY {background-color: #f5f6f8;}
.RED {background-color: #e86869;}

.BG01 {background-color: #252c3a;}
.BG02 {background-color: #505a6c;}


.ROUND_BOX {
	width:97%; height:auto; margin:0 auto;
	border: 1px solid #cdced1;
	background-color: #ffffff;
	overflow:hidden;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}

.BOARD_PAGES {width:100%; height:32px; margin-top:20px;}

/*테이블 관련*/
.TABLE {table-layout: fixed; border-collapse: collapse;}
.TABLE th {background-color: #f0f0f0; border-top: 1px solid #dadcdf; border-left: 1px solid #dadcdf; padding: 0px;}
.TABLE td {border-top: 1px solid #dadcdf; border-left: 1px solid #dadcdf;}
.TABLE th:first-child {border-left: 0px;}
.TABLE td:first-child {border-left: 0px;}

.TABLE tr:first-child th { border-top: 0px;}
.TABLE tr:first-child td { border-top: 0px;}
.TABLE td.objects select {margin-left:10px; float:left;}
.TABLE td.objects input {margin-left:10px; float:left;}
.TABLE td.objects input[type=radio] {margin-left:10px; margin-top:2px; float:left;}
.TABLE td.objects input[type=checkbox] {margin-left:10px; margin-top:2px; float:left;}
.TABLE td.objects textarea {margin-left:10px; float:left;}
.TABLE td.objects span {margin-left:10px; float:left;}
.TABLE td.objects i {margin-left:10px; float:left;}


/*Input 박스 관련*/
.input {height:22px; line-height:22px; padding-left:5px; background-color: #ffffff; border: #cccccc 1px solid;}
.textarea {width:95%; height:80%; padding:5px; background-color: #ffffff; border: #cccccc 1px solid;}
.selectbox {height:24px; border:1px solid #cccccc; padding:3px;}

.BUTTON {
	height:25px; 
	background-color:#8f8f8f; 
	border:1px; border-style: solid; border-color: #777777; 
	cursor:pointer; 
	font-size:9pt; 
	color:#fff; 
	text-align:center; 
	padding:0 10px;
	font-family:"돋움";
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.BUTTON:hover {background-color:#a1a1a1;}
.BUTTON:active {background-color:#535353;}



/*------------------------------*/
/* CONTENTS */
#top {width:100%; height:101px; display:block; overflow:hidden;}
#top .title {width:100%; height:50px; display:block; overflow:hidden;}
#top .title .left {width:200px; height:50px; line-height:50px; float:left; text-align:left; padding-left:30px; color:#dfdfdf; font-size:14px; font-weight:bold; overflow:hidden;}
#top .title .right {width:200px; height:50px; line-height:50px; float:right; text-align:right; padding-right:30px; color:#dfdfdf; font-size:14px; font-weight:bold; overflow:hidden;}
#top .menu_bar {width:100%; height:50px; display:block; overflow:hidden;}
#top .menu_bar .center {width:60%; height:50px; margin:0 auto; overflow:hidden;}
#top .menu_bar .center .block {width:33%; height:35px; padding-top:15px; float:left; text-align: center; cursor:pointer; overflow:hidden;}
#top .menu_bar .center .block span {display: table; margin-left: auto; margin-right: auto; display: inline-block;}
#top a { width:auto; height:20px; display:block; margin:0 auto; padding:0 5px 0 30px; font-weight:bold; font-size:14px;}
#top a.on {background:url(../images/menu_icon_on.png) no-repeat; color:#e86869;}
#top a.off {background:url(../images/menu_icon_off.png) no-repeat;}

#top a.icon01 {background-position:0px 0px}
#top a.icon02 {background-position:0px -20px}
#top a.icon03 {background-position:0px -40px}
#top a.icon04 {background-position:0px -60px}
#top a.icon05 {background-position:0px -80px}
#top a.icon06 {background-position:0px -100px}
#top a.icon07 {background-position:0px -120px}
#top a.icon08 {background-position:0px -140px}
#top a.icon09 {background-position:0px -160px}


#header {width:97%; height:80px; line-height:80px; margin:0 auto; overflow:hidden;}
#header .icon {float:left; font-family: 'Dotum',Sans-serif; font-size: 25px; color: #777;}
#header .title {float:left; font-size: 18px; font-weight: bold; margin-left: 10px; font-family: "NanumGothic", sans-serif;}
#header .message {float:left; font-size: 13px; color: #666; font-weight: bold; margin-left: 10px; font-family: "NanumGothic", sans-serif;}


#guide {width:97%; min-height:44px; margin:40px auto 0 auto}
#guide .block {width:100%; position:relative; display:inline-block;}
#guide .left {width:80%; min-height:44px; float:left; overflow:hidden;}
#guide .left span {width:100%; height:22px; display:block; overflow:hidden;}
#guide .right {width:50%; height:22px; position:absolute; right:0; bottom:0;}


#bottom {width:100%; height:100px; line-height:100px; display:block; color:#fff; text-align:center; margin-top:20px;}




/*------------------------------*/
/* POPUP */
#popup_top {width:100%; height:101px; display:block; overflow:hidden;}
#popup_top .row {width:100%; height:50px; display:block; overflow:hidden; line-height:50px; position:relative;}
#popup_top .row span.title {padding-left:30px; color:#dfdfdf; font-size:14px; font-weight:bold;}
#popup_top .row span.message {padding-left:30px; font-size:14px; font-weight:bold;}
#popup_top .row .close {position:absolute; right:12px; top:12px;}
#popup_top .row .delete {position:absolute; right:65px; top:12px;}

#popup_footer {width:215px; height:50px; margin:30px auto 0 auto;}
#popup_footer input {width:100px; height:35px; float:left;}