﻿/* Designed By Park Bong Il (bipark@hotmail.com) */

/* Common Basic */

body { margin:0 auto; padding:0; background-color:#FFFFFF; }
img { border:none;}

body, p, div, span, ui, li, table, input, select, option, textarea
{
	font:normal 12px 굴림, Verdana, Arial, Helvetica, sans-serif; color:#444;
}

select, option { vertical-align : middle; font-family:Arial; font-size:13px; }
input { vertical-align : middle; padding : 4px; border : 1px solid #C2C2C2; }
textarea { padding : 4px; border : 1px solid #C2C2C2; line-height:160%; }

a:link { color:#444; background:transparent; text-decoration:none; }
a:visited { color:#444; background:transparent; text-decoration:none; }
a:hover { color:#444; background:transparent; text-decoration:underline; }
a:active { color:#444; background:transparent; text-decoration:underline; }

h1 { font-size : 160%; }
h2 { font-size : 150%; }
h3 { font-size : 140%; }
h4 { font-size : 130%; }
h5 { font-size : 120%; }
h6 { font-size : 110%; }

/* Common Style */

.w100 { width:100%; }
.clear { clear:both; }
.hide { display:none }

.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }

.t { vertical-align:top; } 
.m { 	vertical-align:middle; }
.b { vertical-align:bottom; }

.cm { text-align:center; vertical-align:middle; }
.ct { text-align:center;vertical-align:top;  }
.cb { text-align:center;vertical-align:bottom; }

.rm { text-align:right; vertical-align:middle;}
.rt { text-align:right; vertical-align:top; }
.rb { text-align:right; vertical-align:bottom; }

.fl { float:left; }
.fr { float:right; }

/* Common Control */
.btnBase { vertical-align : middle; padding:4px 0px 2px 0px; border : 1px solid #A3A3A3; background-color : #ECE9D8; color : #7F7D74; font-weight:bold; }
.btnSearch { vertical-align : middle; padding:2px 0px 1px 0px;  border : 1px solid #A3A3A3; background-color : #ECE9D8; color : #7F7D74; font-weight:bold; }
.btnRow { vertical-align : middle; padding:2px 0px 0px 0px; border : 1px solid #A3A3A3; background-color : #ECE9D8; color : #6F6F6D; }
.btnRow45 { vertical-align : middle; padding:2px 0px 0px 0px; border : 1px solid #A3A3A3; background-color : #ECE9D8; color : #6F6F6D; width:45px; font-size:11px; }
.btnRow60 { vertical-align : middle; padding:2px 0px 0px 0px; border : 1px solid #A3A3A3; background-color : #ECE9D8; color : #6F6F6D; width:60px; font-size:11px; }
.btnRow80 { vertical-align : middle; padding:2px 0px 0px 0px; border : 1px solid #A3A3A3; background-color : #ECE9D8; color : #6F6F6D; width:80px; font-size:11px; }

/* Base Layout */
#baseBody { width:100%; }
#baseSize { width:960px; }
#baseTop { width:960px; }
#baseBottomLine { border-bottom:solid 1px #CCC;}
#baseBottom { width:737px; text-align:center; padding:10px 0px 10px 220px; color:#9B9B9B; }
#baseMainMenu { background-color:#036; height:31px; }
#baseMain { width:960px; background:url(/Admin/Image/Dot/menubg.gif) repeat-y 0 0;  }
#baseSubMenu { float:left; width:190px; }
#baseMainBody { float:right; width:737px; padding:0px 0px 40px 30px; background-color:#FFFFFF; }


/* Site Top */
a.adminLogo:link, a.adminLogo:visited, a.adminLogo:hover, a.adminLogo:active 
{ 
	color:#000; text-decoration:none; font-size:18px; font-weight:bold;
}

/* Site MainMenu */

.mainMenuList { margin:0px; padding:0px; list-style:none; }
.mainMenuList li { float:left; font-weight:bold; margin:0px; padding:0px; }

a.menuAdmin:link, a.menuAdmin:visited { color:#FC3; background:transparent; text-decoration:none; font-weight:normal; }
a.menuAdmin:hover, a.menuAdmin:active { color:#FC3; background:transparent; text-decoration:underline; font-weight:normal; }

a.mainMenuOut:link, a.mainMenuOut:visited, a.mainMenuOut:hover, a.mainMenuOut:active, a.mainMenuOn:link, a.mainMenuOn:visited, a.mainMenuOn:hover, a.mainMenuOn:active
{ 
    display:block;
    width:110px;
    font-size:13px;
    text-align:center;
    padding:9px 0px 9px 0px; 		
	color:#FFFFFF;
	text-decoration:none;
}

a.mainMenuOut2:link, a.mainMenuOut2:visited, a.mainMenuOut2:hover, a.mainMenuOut2:active, a.mainMenuOn2:link, a.mainMenuOn2:visited, a.mainMenuOn2:hover, a.mainMenuOn2:active
{ 
    display:block;
    width:160px;
    font-size:13px;
    text-align:center;
    padding:9px 0px 9px 0px; 		
	color:#FFFFFF;
	text-decoration:none;
}

a.mainMenuOut:link { background:#003366; }
a.mainMenuOut:visited { background:#003366; }
a.mainMenuOut:hover { background:#6699CC; }
a.mainMenuOut:active { background:#6699CC; }

a.mainMenuOn:link { background:#6699CC; }
a.mainMenuOn:visited { background:#6699CC; }
a.mainMenuOn:hover { background:#6699CC; }
a.mainMenuOn:active { background:#6699CC; }

a.mainMenuOut2:link { background:#003366; }
a.mainMenuOut2:visited { background:#003366; }
a.mainMenuOut2:hover { background:#6699CC; }
a.mainMenuOut2:active { background:#6699CC; }

a.mainMenuOn2:link { background:#6699CC; }
a.mainMenuOn2:visited { background:#6699CC; }
a.mainMenuOn2:hover { background:#6699CC; }
a.mainMenuOn2:active { background:#6699CC; }

/* Site SubMenu */

.subMenuBox { width:100%; margin:0; padding:0; list-style:none; }
.subMenuBox li { float:left; margin:0; padding:0; border-bottom:solid 1px #FFFFFF; }

a.subMenuOut:link, a.subMenuOut:visited, a.subMenuOut:hover, a.subMenuOut:active, a.subMenuOn:link, a.subMenuOn:visited, a.subMenuOn:hover, a.subMenuOn:active
{ 
    display:block;
    width:160px;
    padding:7px 0px 7px 32px;
	text-decoration:none;
	color:#333333;
}

a.subMenuOut:link { background:#EEEEEE }
a.subMenuOut:visited { background:#EEEEEE; }
a.subMenuOut:hover { background:#DDDDDD url(/Admin/Image/Dot/dot104.gif) no-repeat 15px 10px; }
a.subMenuOut:active { background:#DDDDDD url(/Admin/Image/Dot/dot104.gif) no-repeat 15px 10px; }

a.subMenuOn:link { background:#DDDDDD url(/Admin/Image/Dot/dot104.gif) no-repeat 15px 10px;  }
a.subMenuOn:visited { background:#DDDDDD url(/Admin/Image/Dot/dot104.gif) no-repeat 15px 10px;  }
a.subMenuOn:hover { background:#DDDDDD url(/Admin/Image/Dot/dot104.gif) no-repeat 15px 10px;  }
a.subMenuOn:active { background:#DDDDDD url(/Admin/Image/Dot/dot104.gif) no-repeat 15px 10px;  }

/* Site Title */
#mainTitle 
{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:20px 0px 2px 20px;
	margin-bottom:10px;
	border-bottom:solid 3px #003366;
	background:url(/Admin/Image/Dot/dot33.gif) no-repeat 0px 21px;	
}

.formTitle
{
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:12px 0px 4px 20px;
	background:url(/Admin/Image/Dot/dot5.gif) no-repeat 5px 12px;	
}

/* Site Pager */
.pagerOne, .pagerOn, .pagerOnEnd
{
	padding:3px 2px 2px 6px;
	font-weight:bold;
	color:#FF7635;
	border-left:solid 1px #CCCCCC;
}
.pagerOne, .pagerOnEnd { border-right:solid 1px #CCCCCC; padding-right:6px; }

a.pagerOut:link, a.pagerOut:visited, a.pagerOut:hover, a.pagerOut:active, a.pagerPrev:link, a.pagerPrev:visited, a.pagerPrev:hover, a.pagerPrev:active, a.pagerNext:link, a.pagerNext:visited, a.pagerNext:hover, a.pagerNext:active, a.pagerOutEnd:link, a.pagerOutEnd:visited, a.pagerOutEnd:hover, a.pagerOutEnd:active
{ 
    padding:3px 2px 2px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#555555;
	border-left:solid 1px #CCCCCC;
	selector-dummy : expression(this.hideFocus=true);
}

a.pagerOutEnd:link, a.pagerOutEnd:visited, a.pagerOutEnd:hover, a.pagerOutEnd:active { border-right:solid 1px #CCCCCC; padding-right:6px; }
a.pagerPrev:link, a.pagerPrev:visited, a.pagerPrev:hover, a.pagerPrev:active { padding-right:6px; padding-left:0px; border:none;  }
a.pagerNext:link, a.pagerNext:visited, a.pagerNext:hover, a.pagerNext:active { padding-left:4px; border:none;  }
a.pagerOut:hover, a.pagerOn:hover, a.pagerPrev:hover, a.pagerNext:hover, a.pagerOutEnd:hover, a.pagerOnEnd:hover, a.pagerOut:active, a.pagerOn:active, a.pagerPrev:active, a.pagerNext:active, a.pagerOutEnd:active, a.pagerOnEnd:active  { color:#6699CC }

/* Site Login */
#loginBody { text-align:center; background-color:#FCFCFC; }
#loginBoxOut { text-align:left; width:450px; margin:100px auto; border:solid 1px #D8D8D8; background-color:#FFFFFF; background:url(/_images/common/logo.gif) no-repeat 20px 20px;}
#loginBoxIn { border:solid 4px #61B11C; height:275px; position:relative; }
#loginTitle { font-size:20px; font-weight:bold; top:60px; text-align:center; position:relative; color:#64AF1E;  }
#loginTime { text-align:center; line-height:22px; height:22px; position:relative; top:80px;}
#loginHome { position:relative; text-align:right; margin:0px 20px; top:38px;}
#loginInput { margin:0px 20px; position:relative; top:80px; }
#loginInput dl{ border-bottom:2px solid #dfdfdf; border-top:2px solid #dfdfdf; height:60px;}
#loginInput dl dt{ float:left; width:80px; text-align:right; height:22px; line-height:24px; color:#989898; font-weight:bold; padding:4px 0px 0px; }
#loginInput dl dd{ float:left; width:300px; padding:4px 0px 0px; margin:0px; padding-left:20px;}

#loginInput #txtUserId, #loginInput #txtPasswd
{ font-size:18px; border:solid 1px #D8D8D8; background-color:#F9F9F9; font-weight:bold; width:200px; padding:1px 4px; height:18px; }
#loginInput #btnLogin { cursor:pointer; font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#62B01C; width:90px; vertical-align:middle; border:none; }
#loginButton { margin-bottom:10px; text-align:center; }

/* Site Main */
.searchBox { text-align:center; background-color:#F5F5F5; padding:8px; margin-bottom:10px; border-top:solid 1px #CACACA; border-bottom:solid 1px #CACACA; }
.pageInfoBox { padding:8px 0px 4px 0px; }
.pageBox { text-align : center; padding:15px 0px 5px 0px; }
.actionBox { text-align : center; padding-top:10px; }
.actionBoxTop { padding-bottom:10px; }
.downloadBox{ text-align:right; padding:4px 4px 4px 0px;}
.popupBox { padding:20px; }
.popupTitle
{
	background-color:#003366;
	color:#FFFFFF;
	font-size:110%;
	font-weight:bold;
	padding:15px;
}

.baseTable { width:100%; border:none; border-collapse:collapse; }
.baseTable col { word-break:break-all; }

.vt1 { border : 1px solid #E0DAD3; background-color : #EEE7DD; padding:8px 0px; text-align : center; vertical-align : middle; }
.vl1 { border : 1px solid #E0DAD3; padding:5px 5px; text-align : left; vertical-align : middle; }
.vc1 { border : 1px solid #E0DAD3; padding:5px 5px; text-align : center; vertical-align : middle; }
.vr1 { border : 1px solid #E0DAD3; padding:5px 5px; text-align : right; vertical-align : middle; }
.it1 { border : 1px solid #E0DAD3; background-color : #EEE7DD; padding:8px 10px 8px 10px; vertical-align : middle; }
.il1 { border : 1px solid #E0DAD3; background-color : #FBFAF9; padding:8px 10px 8px 10px; width : 120px; vertical-align : middle; }
.ir1 { border : 1px solid #E0DAD3; padding:4px 5px 4px 5px; vertical-align : middle; }

.vNull { border : 1px solid #E0DAD3; border-top:none; padding:50px 0px; text-align : center; vertical-align : middle; }

.borderNone input { border:none; }

.selectBox { border:1px solid #E0DAD3; margin:5px; padding:10px; }

/* Site Board */
.searchText { color:#FF7635; }
.specialText { color:#008800; }
.commentCount { color:#999999; font-size:10px; }
.postNew { color:#FF7635; }
.viewImage { padding-bottom:5px; }
.subList { color:#999; line-height:140%; }


/* art add, edit */
#urlInput{ display:none; } 

/* */
.publicYear{ padding:2px 4px 3px 0px; white-space:nowrap; display:inline-block;}


/*.baseTable table td{ margin:0px; padding:0px; border:none; height:16px; width:20px;}*/
.msg{ border:1px solid #dfdfdf; margin-bottom:10px;}
.msg ul li{ line-height:18px;}
.msg strong{ text-decoration:underline;}
.msg a{color:#0743D1; border:1px solid #0743D1; padding:3px 3px;}
.msg a:hover{color:#F85485; border:1px solid #F85485; text-decoration:none;}
