@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

@font-face {font-family:MalgunGothic; src:url(../../images/admin/MalgunGothic.eot);}
@font-face {

	font-family:'MalgunGothic';
	src: url('../../images/admin/MalgunGothic.eot');
	src: url('../../images/admin/MalgunGothic.eot?#iefix') format('embedded-opentype'),
		url('../../images/admin/MalgunGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; 
}

/**************** CSS 리셋**********************/
* {margin:0; padding:0; font-family:MalgunGothic,Verdana,Tahoma,Apple Gothic,sans-serif,Dotum,"돋움",Gulim,"굴림",Malgun Gothic,UnDotum;}

body {margin:0; padding:0; letter-spacing:0px; color:#444444; line-height:1.5em; font-size:12px !important; background-color:#eaedf1; height:100%; width:100%; overflow:auto;}

input, div, p, 
ul, li, ol, span		{margin:0; padding:0;}
ul li					{list-style:none;}
img						{border:none;}				
table					{table-layout:auto; word-break:normal;} /* 단어 단위로 줄바꿈(문자단위:break-all)*/
input[type=text]		{font-size:12px; height:22px; padding:0 2px; border:1px solid #ababab; background-color:#ffffff;}    
input[type=radio]		{vertical-align:-3px;}
input[type=checkbox]	{vertical-align:-3px;}
textarea				{font-size:12px; padding:0 2px; border:1px solid #ababab;}
select					{font-size:12px; height:22px; border:1px solid #ababab; background-color:#ffffff;}

/* 파일업로드 프레임 */
.uploadFrame {
	border-style: none;
	width: 100%;
	height: 40px;
}
.uploadFrame2 {
	border-style: none;
	width: 100px;
	height: 30px;
}

.left					{float:left;}
.right					{float:right;}
.tleft					{text-align:left;}
.tright					{text-align:right;}
.tcenter				{text-align:center;}
.clear					{clear:both;}
.f11					{font-size:11px;}
.f15					{font-size:15px;}
.pr20					{padding-right:20px;}
.interval10				{margin-bottom:10px;}
.interval20				{margin-bottom:20px;}
.pt20					{padding-top:20px;}
.pt10					{padding-top:10px;}
.pt5					{padding-top:5px;}
.pb5					{padding-bottom:5px;}
.mb5					{margin-bottom:5px;}
.fwn					{font-weight:normal !important;}

.white					{color:#fffffff;}
.red					{color:#ff0000;}
.blue					{color:#12bad7;}
.orange					{color:#f07b38;}
.darkblue				{color:#0048ff;}
.violet					{color:#bc80d2;}
.gray					{color:#8a8a8a;}
.bg-white				{background-color:#ffffff !important;}
.bg-gray				{background-color:#eaedf2 !important;}
.right-line				{border-right:1px solid #eaedf2;}
.t-underline			{text-decoration:underline;}

.btn			{height:24px; font-size:11px; color:#ffffff; padding:0 10px 3px; 10px; text-align:center; cursor:pointer; vertical-align:2px;}
.btn.blue		{background-color:#13bbd5; border:1px solid #13bbd5;}
.btn.lightblue	{background-color:lightblue; border:1px solid #13bbd5;}
.btn.darkblue	{background-color:darkblue; border:1px solid #13bbd5;}
.btn.orange		{background-color:#f27835; border:1px solid #f27835;}
.btn.green		{background-color:#1ebaa2; border:1px solid #1ebaa2;}
.btn.lightgreen	{background-color:#2ed7b1; border:1px solid #2ed7b1;}
.btn.yellow		{background-color:#f5bb1e; border:1px solid #f5bb1e;}
.btn.violet		{background-color:#bc80d2; border:1px solid #bc80d2;}
.btn.pink		{background-color:#da6292; border:1px solid #da6292;}
.btn.black		{background-color:#000000; border:1px solid #000000;}
.btn.white		{background-color:#ffffff; border:1px solid #ffffff; color:#000000;}
.btn.white2		{background-color:#ffffff; border:1px solid #000000; color:#000000;}
.btn.red		{background-color:#ff0000; border:1px solid #ff0000;}
.btn.gray		{background-color:#c0c0c0; border:1px solid #ffffff; color:#000000;}
.btn.lightgray	{background-color:lightgray; border:1px solid #ffffff; color:#000000;}
.btn.darkgray	{background-color:darkgray; border:1px solid #ffffff; color:#000000;}

/* 버튼 종류 */
.btn.search		{background-color:#13bbd5; border:1px solid #13bbd5;}
.btn.add		{background-color:#f27835; border:1px solid #f27835;}
.btn.cancel		{background-color:#1ebaa2; border:1px solid #1ebaa2;}
.btn.modify		{background-color:#2ed7b1; border:1px solid #2ed7b1;}
.btn.remove		{background-color:#f5bb1e; border:1px solid #f5bb1e;}
.btn.move		{background-color:#13bbd5; border:1px solid #13bbd5;}
.btn.list		{background-color:#bc80d2; border:1px solid #bc80d2;}
.btn.close		{background-color:#797979; border:1px solid #bc80d2;}

/**************** 링크 **********************/
a				{outline:none;}
a:link,			
a:active,
a:visited		{color:#4374D9; text-decoration:none;}
a:hover			{color:#003399; text-decoration:none;}

a				{outline:none;}
a:link,			
a:active,
a:visited,		{color:#4374D9; text-decoration:none;}
a:hover			{color:#003399; text-decoration:none;}

a.menu:link,
a.menu:active,
a.menu:visited,
a.menu:hover	{color:#424242; text-decoration:none;}

/**************** layout **********************/
#wrap						{padding:0; margin:0; width:100%; height:100%;}
#header						{zoom:1; position:absolute; top:0; left:0; right:0; height:45px; min-width:990px; background-color:#323a45; color:#ffffff; }
#header:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
#header .logo				{float:left; padding:5px 0 0 20px; font-size:20px;}
#header .logo a				{color:#ffffff;}
#header .logo a span		{color:#9eafc5; font-size:13px;}
#header .user-info			{float:right; padding:12px 10px 0 0;}
#header .user-info span		{color:#9eafc5; font-weight:bold; color:#14b9d6;}
#header a					{float:right; margin:6px 20px 0 0;}
#header .user-info a		{float:none; margin:0;}

#main-topmenu				{position:absolute; top:45px; left:0; right:0; height:42px; min-width:990px; background-color:#d4d4d4; color:#535353;  font-size:15px;}
#sub-topmenu				{position:absolute; top:0; left:0; right:0; height:42px; background-color:#d4d4d4; color:#535353;  font-size:15px;}

#main-topmenu ul li, #sub-topmenu ul li							{float:left; width:14.285%; text-align:center; line-height: 42px;}
#main-topmenu ul, #sub-topmenu ul								{zoom:1;}    
#main-topmenu ul:after, #sub-topmenu ul:after					{clear:both; height:0; content:"."; display:block; visibility:hidden;} 
#main-topmenu ul li div, #sub-topmenu ul li div					{border-left:1px solid #dfdfdf; border-right:1px solid #ababab; }
#main-topmenu ul li.li-end div, #sub-topmenu ul li.li-end div	{border-right:none;}
#main-topmenu ul li div:hover, #sub-topmenu ul li div:hover,
#sub-topmenu ul li div.on										{border-left:none; border-right:none; background-color:#14b9d6; color:#ffffff;}

#sub-leftarea							{position:absolute; width:190px; top:45px; left:0; right:0; bottom:0; background-color:#ffffff; overflow:visible;}
#sub-rightarea							{position:absolute; top:45px; left:190px; right:0; bottom:0; min-width:950px;}

/* main */
#main-content							{position:absolute; top:87px; left:0; right:0; bottom:0; min-height:530px;}
#main-box-wrap							{position:absolute; top:50%; left:50%; height:530px; width:880px; margin-top:-265px; margin-left:-425px;}
.main-box								{float:left; width:270px; margin: 0 4px 30px 8px;}
.main-box-2col							{float:left; width:552px; margin: 0 4px 30px 8px;}

#main-box-wrap ul						{zoom:1;}
#main-box-wrap ul:after					{clear:both; height:0; content:"."; display:block; visibility:hidden;}
#main-box-wrap ul li.main-box-title		{position:relative; height:60px; width:100%; background-color:#41556e;}
#main-box-wrap ul li					{float:left; height:95px; background-color:#ffffff;}
#main-box-wrap ul li a div				{border-left:1px solid #d1d0cc; border-bottom:1px solid #d1d0cc;  font-size:16px; line-height: 94px; text-align:center;}
#main-box-wrap ul li a div:hover		{background-color:#9fa7b4; color:#ffffff;} 
#main-box-wrap ul li a div.box-end		{border-right:1px solid #d1d0cc;}
#main-box-wrap ul li a div.num			{line-height: 20px; height:70px; padding-top:24px;}
#main-box-wrap ul li a div span			{font-size:13px;}
.main-box ul li							{width:135px;}
.main-box ul li.li-2col					{width:270px;}
.main-box-2col ul li					{width:138px;}

.main-box-title span					{float:left; margin-top:5px; background:url("../../images/admin/icon-menu.png") left top; width:55px; height:50px; }
.leftmenu-title							{zoom:1; padding:20px 0 17px 13px; overflow:hidden; position:relative;}
.leftmenu-title:after					{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.leftmenu-title span					{float:left; background:url("../../images/admin/icon-menu.png") left top; width:52px; height:50px; }

span.menu-icon1		{background-position:0 0;}
span.menu-icon2		{background-position:-60px 0;}
span.menu-icon3		{background-position:-120px 0;}
span.menu-icon4		{background-position:-180px 0;}
span.menu-icon5		{background-position:-235px 0;}
span.menu-icon6		{background-position:-290px 0;}

.main-box-title .menu-icon1, .main-box-title .menu-icon2	{margin-left:60px;}
.main-box-title .menu-icon3, .main-box-title .menu-icon4	{margin-left:50px;}
.main-box-title .menu-icon5, .main-box-title .menu-icon6	{margin-left:80px;}

.main-box-title div		{float:left; padding-left:10px; color:#ffffff; font-size:18px; line-height: 56px; }
.leftmenu-title div		{float:left; padding:12px 0 0 8px; color:#4c4c4c; font-size:18px;}

.main-box-2col .main-box-title .menu-icon2	{margin-left:200px;}
.main-box-2col .main-box-title .menu-icon4	{margin-left:200px;}

/* login */
#login-box-wrap						{position:absolute; top:50%; left:50%; height:350px; width:510px; margin-top:-175px; margin-left:-255px;}
.login-box							{background-color:#ffffff; height:350px; width:510px;}
.login-box-title					{zoom:1; background-color:#41556e; height:60px;}
.login-box-title:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.login-box-title div.icon			{float:left; background:url("../../images/admin/icon-login.png") left top; width:32px; height:38px; background-position:0px 0px; margin:10px 0 0 20px;}
.login-box-title div.title			{float:left; font-size:20px; color:#ffffff; margin:20px 0 0 15px;}
.login-box-title div.title span		{color:#9eafc5; font-size:13px;}
.login-box-body						{position:relative; background-color:#ffffff; height:275px; width:380px; margin:0 auto;}
.login-box-body .notice				{position:absolute; top:10px;  color:#f27935;}
.login-box-body ul					{padding-top:50px;}
.login-box-body ul li				{padding:5px 0;}
.login-box-body ul li div			{height:50px; background-color:#f5f5f5;}
.login-box-body ul li div input[type=text]		{float:left; height:25px; background-color:#f5f5f5; border:1px solid #f5f5f5; color:#444444; width:300px; font-size:16px; margin:10px 0 0 20px;}
.login-box-body ul li div input[type=password]	{float:left; height:25px; background-color:#f5f5f5; border:1px solid #f5f5f5; color:#444444; width:300px; font-size:16px; margin:10px 0 0 20px;}
.login-box-body ul li input[type=button]		{height:50px; width:380px; background-color:#f27935; border:1px solid #f27935; color:#ffffff; font-weight:bold; font-size:16px; cursor:pointer;}
.login-box-bottom					{background-color:#41556e; height:15px;}

.login-box-body ul li div span		{float:left; background:url("../../images/admin/icon-login.png") left top; width:20px; height:20px; margin:14px 0 0 20px;}
.login-box-body ul li div span.id	{background-position:-42px -16px;}
.login-box-body ul li div span.pw	{background-position:-72px -16px;}

.leftmenu							{position:absolute; top:85px; left:0; right:0; bottom:0; width:190px; background-color:#ffffff; border-top:1px solid #eaedf1; overflow:auto;}
.leftmenu ul li						{position:relative;  letter-spacing:-1px;}
.leftmenu ul li a div				{padding:7px 0 7px 10px; border-bottom:1px solid #eaedf1; font-size:12px;}
.leftmenu ul li a div:hover			{border-bottom:1px solid #dcdcdc; background-color:#dcdcdc; color:#000000; font-weight:bold;}
.leftmenu ul li a div.on			{border-bottom:1px solid #f27935; background-color:#f27935; color:#ffffff;}
.leftmenu ul li.category			{padding:13px 0 13px 10px; background-color:#d4d4d4; font-size:15px; border-bottom:none;}
.leftmenu ul li.folder div			{padding:13px 0 13px 20px; border-bottom:1px solid #eaedf1; font-size:15px;}
.leftmenu ul li ul li a div			{padding:13px 0 13px 25px; border-bottom:1px solid #eaedf1; }
.leftmenu ul li.folder ul li a div	{padding:13px 0 13px 25px; border-bottom:1px solid #eaedf1;}
.leftmenu ul li a.btn-more div		{position:absolute; top:13px; right:10px; width:25px; height:25px; padding:0; text-align:center; border:none; font-size:11px;}
.leftmenu ul li a.btn-more div:hover	{background-color:#ffffff; color:#444444;}

.master-option							{position:absolute; right:-40px; bottom:0; background:url("../../images/admin/icon-menu.png") left top; width:36px; height:36px; background-position:-350px -8px;}

/**************** subpage **********************/
#sub-content-wrap			{position:absolute; top:42px; left:0; right:0; bottom:0; overflow:auto;}
#sub-content-wrap.fixed		{position:absolute; top:42px; left:0; right:0; bottom:0; overflow:hidden;}
.sub-content				{padding:20px 0 20px 20px;}
.content-navi				{zoom:1; padding:0 20px 20px 0;}
.content-navi:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.content-title				{float:left; padding-left:10px; font-size:15px; font-weight:bold;}
.location					{float:right; font-size:13px;}

.gray-box					{zoom:1; position:relative; padding:10px; background-color:#d7dee6; margin-right:20px;}
.gray-box:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.popup-content .gray-box	{margin-right:0;}
.gray-box-title				{float:left; width:10%; font-size:14px; font-weight:bold; line-height:20px;}
.gray-box-content			{position:relative; float:left; width:75%;}
.gray-box-content2			{position:relative; float:left;}
.gray-box-content div		{padding:2px 0 3px 0;}
.gray-box-content span		{padding-right:20px;}
.gray-box-content .pt5		{padding-top:5px;}
.added						{border-top:1px dotted #7f7f7f;}
.gray-box-btn				{position:absolute; bottom:10px; right:10px;}

.scroll-part				{position:absolute; top:180px; left:20px; right:0px; bottom:0; overflow:auto;}
.scroll-part.post			{top:210px;}
.scroll-part.prev			{top:275px;}
.scroll-part.ad				{top:305px;}
.scroll-part.view			{top:55px;}
.scroll-part.share			{top:210px;}
.scroll-part.event			{top:265px;}
.scroll-part.codata			{top:215px;}
.scroll-part.popmanage		{top:55px;}
.quick-leftside-wrap		{float:left; width:100%;}
.quick-leftside				{margin-right:100px;}
.quick-menu-wrap			{position:relative; float:right;}
.quick-menu					{position:absolute; top:0px; right:20px; width:80px; background-color:#ffffff;}
.quick-menu ul				{text-align:center; padding-bottom:10px;}
.quick-menu li.top			{background-color:#9fa7b4; padding:5px 0; margin-bottom:10px;}
.quick-menu li.top a		{color:#ffffff;}
.quick-menu li				{padding:5px 0;}
.quick-line					{border-top:1px dotted #9fa7b4; margin-bottom:10px;}

.bbs-top					{zoom:1; padding-bottom:15px; font-size:14px; font-weight:bold; margin-right:20px;}
.bbs-top.no-mr20			{margin-right:0;}
.bbs-top:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.bbs-top span				{padding-right:20px;}

.btn-manage-wrap			{zoom:1; padding:0 20px 10px 0;}
.btn-manage-wrap:after		{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.btn-manage					{float:left; padding:7px; border:1px solid #dedede; background-color:#f7f7f7;}
.btn-manage-wrap .left		{padding:8px 0 0 15px;}
.btn-manage-wrap .right		{padding:8px 0 0 0;}

.bbs-wrap					{zoom:1; margin:0 20px 20px 0;}
.bbs-wrap:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.bbs-scroll					{max-height:500px; overflow-y:auto;}

table							{width:100%; border-spacing:0; border:none; }
table.bbs-list					{font-size:12px; text-align:center; border-bottom:1px solid #7d8791;word-wrap:break-word;word-break:break-all;table-layout:fixed;}
table.bbs-list th				{background-color:#7e8693; border-top:1px solid #eaedf2; color:#ffffff; font-weight:normal; padding:5px;}
table.bbs-list th.gray			{background-color:#9fa7b4; border-top:1px solid #eaedf2; color:#ffffff; padding:5px;}
table.bbs-list th div:hover		{cursor:pointer; }
table.bbs-list th span			{font-size:8px;}
table.bbs-list td				{padding:5px 3px; background-color:#ffffff; border-top:1px solid #eaedf1; position:relative; font-weight:normal;}
table.bbs-list td.option		{background-color:#d7dee6;}
table.bbs-list td a div:hover	{text-decoration:underline; color:#000000;}
table.bbs-list td a div.darkblue:hover	{color:#0048ff;}
table.bbs-list td a div.red:hover		{color:#ff0000;}
table.bbs-list tr.select td		{font-weight:bold;}
table.bbs-list tr.tr-level2 td	{background-color:#f9f9f9;}
table.bbs-list tr.delete td		{color:#f39999;}
table.bbs-list tr.replace td	{color:#0380ff;}
table.bbs-list tr.new td		{color:#0380ff;}
table.bbs-list td.level2		{padding:5px 0 5px 13px;}
table.bbs-list td a div.btn-view	{float:right; font-size:11px; text-decoration:none; cursor:text;}
table.bbs-list td a div.text-view	{float:left;}
table.bbs-list tr:hover td	{ background-color:#eeeeee;}

.bbs-editor					{border-top:1px solid #7d8791; border-bottom:1px solid #7d8791; background-color:#ffffff; padding:5px;}
table.bbs-write				{font-size:12px; border-bottom:1px solid #7d8791;word-wrap:break-word;word-break:break-all;table-layout:fixed;}
table.bbs-write.edit		{border:2px solid #12bad7;}
table.bbs-write th			{background-color:#9ea7b3; color:#ffffff; text-align:center; padding:5px; border-top:1px solid #7d8791;}
table.bbs-write th.option	{background-color:#8e959e;}
table.bbs-write th div a	{text-decoration:underline; color:#ffffff; cursor:pointer;}
table.bbs-write td			{background-color:#ffffff; padding:5px; border-top:1px solid #7d8791; min-height:20px;}                  
table.bbs-write.edit td		{border-top:none;}
table.bbs-write td span		{padding-right:15px;}
table.bbs-write td div		{padding:2px 0;}
table.bbs-write td.option	{background-color:#d7dee6;}                 
table.bbs-write td a		{text-decoration:underline; cursor:pointer;}
table.bbs-write td a.blue	{color:#12bad7;}
table.bbs-write td span a	{text-decoration:underline; color:#000000; cursor:pointer;}

table.bbs-view						{font-size:12px; border-bottom:1px solid #7d8791;word-wrap:break-word;word-break:break-all;table-layout:fixed;}
table.bbs-view th					{background-color:#9ea7b3; color:#ffffff; text-align:center; padding:5px 7px; border-top:1px solid #7d8791;}
table.bbs-view th.option			{background-color:#8e959e;}
table.bbs-view th.reply				{background-color:#d7dee6; color:#444444;}
table.bbs-view th span				{padding-right:15px;}
table.bbs-view th.tleft				{text-align:left;}
table.bbs-view th.tright			{text-align:right;}
table.bbs-view th a div				{color:#ffffff; text-decoration:underline;}
table.bbs-view td					{background-color:#ffffff; padding:5px 7px; border-top:1px solid #7d8791;}
table.bbs-view th.top				{border-top:1px solid #7d8791;}
table.bbs-view td.top				{border-top:1px solid #7d8791;}                  
table.bbs-view td span				{padding-right:15px;}
table.bbs-view td div				{padding:2px 0;}
table.bbs-view td.option			{background-color:#d8dee5;}                 
table.bbs-view td span a			{text-decoration:underline; color:#000000; cursor:pointer;}
table.bbs-view td a div				{text-decoration:underline; color:#000000; cursor:pointer;}
table.bbs-view td a:hover			{text-decoration:underline; color:#000000; cursor:pointer;}            
table.bbs-view td .content-more		{width:100%; height:20px; background-color:#d8dee5; margin-top:10px; text-align:center; font-size:11px; text-decoration:none;}

table.bbs-move					{font-size:11px; border-top:1px solid #9ea7b3;word-wrap:break-word;word-break:break-all;table-layout:fixed;}
table.bbs-move tr:hover td		{text-decoration:underline; cursor:pointer;}
table.bbs-move td				{border-bottom:1px solid #9ea7b3; background-color:#d7dee6; padding:5px;}
table.bbs-move.tcenter td		{text-align:center;}

table.bbs-status				{font-size:12px; text-align:center; border-bottom:1px solid #7d8791;word-wrap:break-word;word-break:break-all;table-layout:fixed;}
table.bbs-status th				{background-color:#9fa7b2; color:#ffffff; border-right:1px solid #eaeef1; border-bottom:1px solid #eaeef1; padding:5px 5px 7px 5px;}
table.bbs-status td				{background-color:#ffffff; padding:5px 3px 7px 3px; border-right:1px solid #eaeef1; border-bottom:1px solid #eaeef1; font-weight:normal;}
table.bbs-status td.option		{background-color:#d8dee5;}  
table.bbs-status td a div		{text-decoration:underline; cursor:pointer;}
table.bbs-status tr:hover td	{ background-color:#dcdcdc;}

.left-btn						{text-align:left; margin:0 20px 20px 0;}
.right-btn						{text-align:right; margin:0 20px 20px 0;}
.center-btn						{text-align:center; margin:0 20px 20px 0;}
.page-link						{margin:0 auto; padding:5px 0; width:100%; clear:both; text-align:center; color:#434446; font-size:11px;}
.page-link a					{padding:5px;}
.page-link a span				{font-size:8px; color:#b5b6b8;}                
.page-link a:link, 
.page-link a:visited, 
.page-link a:active				{color:#434446; text-decoration:none;}
.page-link a:hover				{color:#379bbb; text-decoration:none;}
.page-link a.on					{color:#379bbb;}

/**************** member **********************/
.select-btn-wrap			{float:left; width:470px; margin-bottom:3px;}
.select-btn					{float:left; margin-right:1px; margin-bottom:1px; width:90px; height:20px; cursor:pointer;
								line-height:19px; font-size:11px; text-align:center; background-color:#b6bdc5; color:#444444;}
.select-btn.on				{background-color:#379bbc; color:#ffffff; font-weight:bold;}    
.select-btn2				{float:left; margin-right:1px; margin-bottom:1px; width:85px; height:56px; cursor:pointer;
								line-height:25px; font-size:11px; text-align:center; background-color:#b6bdc5; color:#444444;}
.select-btn2.on				{background-color:#379bbc; color:#ffffff;}   
.select-btn3				{float:left; margin-right:1px; margin-bottom:1px; width:90px; height:20px; cursor:pointer;
								line-height:19px; font-size:11px; text-align:center; background-color:#b6bdc5; color:#444444;}
.select-btn3.on				{background-color:#1ebaa2; color:#ffffff; font-weight:bold;}                       

.search-layer				{position:absolute; top:120px; background-color:#ffffff; border:1px solid #7f7f7f; font-size:11px; z-index:100;}
.search-layer.lv1			{left:0;}
.search-layer.lv2			{left:122px;}
.search-layer .close		{position:absolute; top:0px; right:5px; color:#797979;}
.search-layer ul			{zoom:1; width:280px; padding:5px;}
.search-layer ul:after		{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.search-layer ul li			{float:left; width:90px; color:#444444; font-weight:bold;}
.search-layer ul li:hover	{color:#379bbc; cursor:pointer;}

.cal-layer						{position:absolute; top:95px; width:185px; font-size:11px; background-color:#f0f4f7; padding:0 !important; z-index:100;}
.cal-layer.lv1					{left:93px;}
.cal-layer.lv2					{left:197px;}
.cal-layer .cal-select			{text-align:center; background-color:#a5a5a5; padding:5px 0; border-bottom:1px solid #b1b3b6;}
.cal-select span				{padding:0 5px;}
.cal-select span a				{color:#ffffff;}
.cal-select span select			{border:1px solid #848484; font-size:11px; height:18px;}
.cal-layer table th				{background-color:#747474; border-bottom:1px solid #a0a2a4; color:#aab0b7; height:15px;}
.cal-layer table td				{background-color:#f0f4f7; color:#b6bdc5; height:27px; width:27px; text-align:center; font-weight:bold;}
.cal-layer table td:hover		{cursor:pointer; background-color:#379bbc;}
.cal-layer table td.disabled	{color:#dfe4e9;}

.gray-box-item-wrap div			{position:relative; padding:2px 0 3px 0;}
.gray-box-item-wrap span			{padding-right:20px;}
.gray-box-item-title			{float:left; width:11%; font-size:14px; font-weight:bold; line-height:20px;}
.gray-box-item					{float:left; width:89%;}
.gray-box-item1					{float:left; width:47%;}
.gray-box-item2					{float:left; width:23%;}
.gray-box-item .clear			{padding-top:5px;}

.grid2							{width:46.5%; background-color:#d7dee6; padding:1.5%;}

.sms-form						{zoom:1; padding-bottom:5px;}
.sms-form:after					{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.sms-form-title					{float:left; width:20%; font-weight:bold;}
.sms-form-item					{float:left; width:80%;}
.sms-form textarea				{width:99%; height:100px;}
.sms-box						{width:99%; min-height:22px; padding:0 2px; border:1px solid #ababab; background-color:#ffffff;}
.dot-line						{padding-bottom:10px; margin-top:5px; border-top:1px dotted #7d8791;}
.guide-text						{font-size:11px; padding:2px 4px 0 3px; color:#8a8a8a;}
.drag-file						{width:100%; background-color:#ffffff; color:#8a8a8a;}

/**************** operation  **********************/
.user-tab-wrap					{margin-right:20px; padding-bottom:20px;}                                 
.user-tab						{padding-top:20px; position:relative; border-bottom:1px solid #7d8793; height:29px;}
.user-tab ul					{zoom:1; position:absolute;}
.user-tab ul:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.user-tab ul li					{float:left; padding:0 10px; height:28px; line-height:26px; text-align:center; background-color:#d7dee6; margin-right:2px; border:1px solid #7d8793;}
.user-tab ul li.on				{background-color:#ffffff; font-weight:bold; height:29px; border-bottom:none;}
.user-contents					{border:1px solid #7d8793; border-top:none; padding:10px; background-color:#ffffff; max-height:400px; overflow:auto;}
.user-contents textarea			{width:100%; height:400px; border:1px solid #ffffff;}

/**************** site  **********************/
.banner-item					{float:left; width:90%;}
.banner-item ul					{zoom:1; padding-bottom:5px;}
.banner-item ul:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.banner-item ul li				{float:left;}
.banner-item ul li.item01		{width:10%;}
.banner-item ul li.item02		{width:65%;}
.banner-item ul li.item03		{width:25%;}
.banner-item ul li.item04		{margin-left:10%; margin-top:5px; margin-bottom:5px; width:90%; }
.banner-item ul li.item04 div	{border:1px solid #ababab; background-color:#dedede; max-height:700px; max-width:700px;}
.banner-item ul li.item02 p		{padding-bottom:5px;}
.banner-item ul li.item02 span	{padding-right:15px;}

.survey-box						{zoom:1; background-color:#d8dee5; margin-right:20px;}
.survey-box:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.survey-box.low					{margin-bottom:20px; border-top:1px dotted #7d8791;}
.survey-title					{float:left; width:20%;}
.survey-title p					{text-align:center; font-weight:bold; font-size:13px; padding-top:15px;}
.survey-item					{float:left; width:80%; background-color:#ffffff;}
.survey-item ul					{padding:10px;}
.survey-item ul li				{zoom:1; padding:5px;}
.survey-item ul li:after		{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.survey-item ul li span			{padding-right:20px;}
.survey-item ul li div			{float:left; width:85%;}
.survey-item ul li p			{float:left; text-align:center; width:15%;}
.survey-item ul li p a			{text-decoration:underline; color:#ff0000; font-weight:bold;}

.grid5							{width:19.33%;}
.grid5.left						{padding-right:0.8%;}

.set-preview					{position:absolute; top:10px; width:330px; border:1px solid #7d8793; background-color:#ffffff; z-index:100;}

.faq-tab-title					{font-size:14px; font-weight:bold; padding-bottom:10px;}
.faq-tab-title span				{padding-right:20px;}
.faq-tab						{padding-left:10px;}
.faq-tab span					{padding:0 15px;}
.faq-tab a.on					{font-weight:bold;}
.faq-tab a.on span				{font-size:10px; padding:0 5px 0 0;}

/**************** contents **********************/
.grid3							{width:33%;}
.grid3.left						{padding-right:0.5%;}
.bbs-tab						{float:left; padding:0 15px; height:28px; line-height:26px; text-align:center; background-color:#dee3e9;
									font-weight:bold; margin-right:2px; border:1px solid #7d8793; border-bottom:none;}

.book-tab-wrap					{zoom:1; background-color:#d7dee6; margin:0 20px 20px 0; padding:1% 0.5% 0 0.5%;}
.book-tab-wrap:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.book-tab						{float:left; width:13.25%; height:28px; line-height:26px; margin:0% 0.5% 1% 0.5%; background-color:#ffffff;
									text-align:center; cursor:pointer;}
.book-tab-wrap2					{zoom:1; background-color:#d7dee6; margin:0 20px 0 0; padding:1% 0.5% 0 0.5%;}
.book-tab-wrap2:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.book-tab.on					{font-weight:bold; color:#000000; background-color:#9fa7b2;}
.book-tab.off					{color:#8a8a8a;}

.book-tab2						{float:left; width:30px; height:28px; line-height:26px; margin:0% 0.5% 0% 0.5%; background-color:#ffffff;
									text-align:center; cursor:pointer;}
.book-tab2.on					{font-weight:bold; color:#ffffff; background-color:#5A5A5A;}
.book-tab2.off					{font-weight:bold; color:#8a8a8a; background-color:#D8D8D8;}

.book-tab8						{float:left; width:11.25%; height:28px; line-height:26px; margin:0% 0.5% 1% 0.5%; background-color:#ffffff;
									text-align:center; cursor:pointer;}
.book-tab8.on					{font-weight:bold; color:#000000; background-color:#9fa7b2;}
.book-tab8.off					{color:#8a8a8a;}
/**************** popup **********************/
.popup-wrap						{width:100%; height:100%; }
.popup-body						{background-color:#eaedf2;}
.popup-title					{zoom:1; font-size:14px; font-weight:bold; padding:10px; background-color:#eaedf2;}
.popup-title:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.pd								{padding:10px 20px 0 20px;}
.popup-subtitle					{font-size:13px; font-weight:bold; padding-bottom:5px;}
.popup-subtitle span			{padding-right:20px;}
.popup-footer					{text-align:center; padding:10px 0;}
.popup-content dl				{zoom:1; padding-bottom:5px;}
.popup-content dl:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.popup-content dl dt			{zoom:1; font-size:12px; font-weight:bold; padding:5px 10px; background-color:#d7dee6;}
.popup-content dl dt:after		{clear:both; height:0; content:"."; display:block; visibility:hidden;} 
.popup-content dl dd			{zoom:1; padding:7px 10px 3px 10px; vertical-align:2px;}
.popup-content dl dd:after		{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.popup-content dl dd.dd-box		{margin:5px; height:310px;}
.popup-content dl dd span		{padding-right:10px;}
.popup-content.underline dd		{border-bottom:1px solid #dee3e9; padding:5px 10px 10px 10px;}
.popup-content.underline dd.end	{border-bottom:none;}
.popup-content dl dd .left-label	{float:left; width:100px;}
.popup-content dl.dl-box		{border:2px solid #d7dee6; margin:20px;}

/* poptemplate */
.popup-select					{background-color:#ffffff; width:325px; margin:0 auto; text-align:center;  padding:15px 0;}
.popup-select ul				{zoom:1; width:325px; padding-top:5px;}
.popup-select ul:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.popup-select ul li				{float:left; padding:0 5px 10px 5px;}
.popup-select ul li p			{text-align:center; margin-bottom:10px;}           
.popup-select ul li p.title		{background-color:#d7dee6; border:1px solid #d7dee6; padding:3px 0;}
.popup-select ul li p.item		{border:1px solid #7e8693; width:150px; height:120px;}

/* popimage */
.drag-img						{float:left;  border:1px dotted #7f7f7f; padding:15px 41px; margin:0 5px 2px 0; color:#999999;}
.drag-img:hover					{cursor:pointer; border:1px solid #7f7f7f; color:#ffffff;}
dd.imgview div					{border:1px solid #7e8693; width:280px; height:150px;}
dd.imgview						{padding-top:10px; clear:both;}

/* member-info */
.member-tab-wrap				{padding-top:5px; position:relative; border-bottom:1px solid #7d8793; height:29px; margin-bottom:2px;}
.member-tab-wrap ul				{zoom:1; position:absolute;}
.member-tab-wrap ul:after		{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.member-tab-wrap ul li			{float:left; width:110px; height:28px; line-height:26px; text-align:center; background-color:#d7dee6; margin-right:2px; border:1px solid #7d8793;}
.member-tab-wrap ul li.on		{background-color:#eaedf2; font-weight:bold; height:29px; border-bottom:none;}
   
.trial-tab-wrap					{margin:0 20px 20px 20px;}                                 
.trial-tab						{padding-top:20px; position:relative; border-bottom:1px solid #7d8793; height:29px;}
.trial-tab ul					{zoom:1; position:absolute;}
.trial-tab ul:after				{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.trial-tab ul li				{float:right; padding:0 10px; height:28px; line-height:26px; text-align:center; background-color:#d7dee6; margin-left:2px; border:1px solid #7d8793;}
.trial-tab ul li.left			{float:left; margin:0 2px 0 0;}
.trial-tab ul li.on				{background-color:#ffffff; font-weight:bold; height:29px; border-bottom:none;}
.trial-tab-wrap dl				{border:1px solid #7d8793; border-top:none; padding:10px 5px;}

.select-box						{width:48%; height:130px; background-color:#ffffff;}
.select-box ul					{padding:7px;}
.select-box ul li				{list-style-type:circle; margin-left:20px; padding-bottom:5px;}
.select-box ul li.top			{list-style-type:none; margin-left:0px; font-weight:bold;}
.notice-box						{clear:both; height:55px;}
.notice							{font-size:14px; color:#ff0000; font-weight:bold; padding:10px;}

/* event */
.pop-survey-box					{zoom:1; background-color:#d8dee5;}
.pop-survey-box:after			{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.pop-survey-box.low				{margin-bottom:20px; border-top:1px dotted #7d8791;}
.pop-survey-title				{float:left; width:20%; text-align:center; font-weight:bold; font-size:13px; padding-top:15px;}
.pop-survey-item				{float:left; width:80%; background-color:#ffffff;}
.pop-survey-item ul				{padding:3px; 0}
.pop-survey-item ul li			{padding:2px 5px 3px 5px;}
.pop-survey-item ul li.answer	{font-weight:bold; color:#12bad7;}

/* bbs */
.popbbs-wrap					{min-width:400px; overflow:auto; margin-bottom:15px; border-bottom:1px solid #eaedf2;}
.popbbs-member-scroll			{max-height:450px; overflow:auto;}
.popbbs-event-scroll			{max-height:500px; overflow:auto;}
.popbbs-scroll					{max-height:300px; overflow:auto;}
.popbbs-textbook-scroll			{max-height:470px; overflow:auto;}
.popbbs-status					{padding:7px; margin:7px 0; background-color:#ffffff; text-align:center; font-size:13px; color:#12bad7;}
.popbbs-status span				{padding-right:20px;}
.popbbs-status span span		{padding:0;}
.popbbs-more					{height:20px; background-color:#d8dee5; text-align:center; font-size:11px; text-decoration:none !important;}

table							{width:100%; border-spacing:0; }
table.popbbs01					{font-size:12px;}
table.popbbs01.tcenter td		{text-align:center;}
table.popbbs01 th				{background-color:#9fa7b4; border-top:1px solid #eaedf2; color:#ffffff; padding:5px;}
table.popbbs01 th.title			{background-color:#7e8693; border-top:1px solid #eaedf2; color:#ffffff; padding:5px;}       
table.popbbs01 th.title a		{font-weight:normal; color:#ffffff;}
table.popbbs01 th.title a.on	{font-weight:bold;}
table.popbbs01 th.title a:hover	{text-decoration:underline;}
table.popbbs01 th.title span	{padding:0 10px;}
table.popbbs01 th.title a span	{padding:0;}
table.popbbs01 td				{background-color:#ffffff; border-top:1px solid #eaedf2; border-right:1px solid #eaedf2; padding:5px 10px;}
table.popbbs01 td.tleft			{text-align:left;}              
table.popbbs01 td.option		{background-color:#d7dee6;}
table.popbbs01 td a:hover		{text-decoration:underline;}
table.popbbs01 td a.edit		{text-decoration:underline; color:#f07b38;}
table.popbbs01 td.end			{border-right:none;}
table.popbbs01.thover tr:hover td	{text-decoration:underline !important; cursor:pointer;}
.noline							{text-decoration:none !important;}
.sms-content					{min-height:150px;}

table.popbbs02					{border-top:1px solid #ffffff; font-size:12px;}
table.popbbs02 th				{background-color:#9fa7b4; border-bottom:1px solid #ffffff; color:#ffffff; padding:3px 5px; min-height:26px;}
table.popbbs02 th.title			{background-color:#7e8693; text-align:left; padding:3px 5px 3px 10px;}
table.popbbs02 th.title.tright	{text-align:right;}
table.popbbs02 td				{background-color:#eaedf2; border-bottom:1px solid #ffffff; padding:3px 5px; min-height:26px;}
table.popbbs02 td.option		{background-color:#d7dee6;}
table.popbbs02 td a				{color:#12bad7; text-decoration:underline;}

table.popbbs03					{font-size:12px; border-bottom:1px solid #7d8791;}
table.popbbs03 th				{background-color:#9ea7b3; color:#ffffff; text-align:center; padding:5px; border-top:1px solid #7d8791;}
table.popbbs03 th.option		{background-color:#d8dee5;}
table.popbbs03 th.option.gray	{background-color:#d7dee6; color:#444444;}
table.popbbs03 th.option.white	{background-color:#8e959e; color:#ffffff;}
table.popbbs03 th.tleft			{text-align:left;} 
table.popbbs03 th.reply			{background-color:#d7dee6; color:#444444;}
table.popbbs03 th.tright		{text-align:right;} 
table.popbbs03 td.option		{background-color:#d7dee6;}
table.popbbs03 td				{background-color:#ffffff; padding:5px; border-top:1px solid #7d8791; min-height:20px;}
table.popbbs03 td span			{padding-right:20px;}
table.popbbs03.tr-hover tr:hover td		{background-color:#d7dee6; cursor:pointer;}             

.filebox1			{width:280px; text-align:center; margin:0 auto; background-color:#f3f3f3; margin-top:10px; padding:5px 0;}
.filebox1 div		{text-align:left; padding:2px 10px; }
.filebox2			{background-color:#f3f3f3; padding:5px 0;}
.filebox2 div		{text-align:left; padding:2px 10px; }

/**************** contents **********************/
table.none						{font-size:12px; text-align:left; border-bottom:0px}
table.none th					{border-right:0px; border-bottom:0px; padding:0px 0px 0px 0px;}
table.none td					{padding:0px 0px 0px 0px; border-right:0px; border-bottom:0px;}
table.none td a div				{text-decoration:underline; cursor:pointer;}

table.content					{font-size:12px; text-align:left; border-bottom:0px}
table.content th				{background-color:#9fa7b2; color:#ffffff; border-right:0px solid #eaeef1; border-bottom:0px solid #eaeef1; padding:0px 0px 0px 0px;}
table.content td				{background-color:#ffffff; padding:2px 2px 2px 2px; border-right:0px solid #eaeef1; border-bottom:0px solid #eaeef1;}
table.content td.option			{background-color:#d8dee5;}  
table.content td a div			{text-decoration:underline; cursor:pointer;}

table.content_sub				{font-size:12px; text-align:left; border-bottom:1px solid #D5D5D5; border-top:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5}
table.content_sub th			{background-color:#9fa7b2; color:#ffffff; padding:0px 0px 0px 0px;}
table.content_sub td			{background-color:#ffffff; padding:2px 2px 2px 2px;}
table.content_sub td.option		{background-color:#d8dee5;}  
table.content_sub td a div		{text-decoration:underline; cursor:pointer;}

.grid6							{width:900px; background-color:#d7dee6; padding:1px ;}
.grid7							{width:900px; background-color:#eaedf1; padding:5px ;}
.grid8							{width:900px; background-color:#eaedf1; padding:1px ;}
.grid_end						{width:900px; background-color:#eaedf1; padding:50px ;}

.grid100						{width:100px; background-color:#eaedf1; padding:1px ;}
.grid200						{width:200px; background-color:#eaedf1; padding:1px ;}
.grid300						{width:300px; background-color:#eaedf1; padding:1px ;}
.grid400						{width:400px; background-color:#eaedf1; padding:1px ;}
.grid500						{width:500px; background-color:#eaedf1; padding:1px ;}
.grid600						{width:600px; background-color:#eaedf1; padding:1px ;}
.grid700						{width:700px; background-color:#eaedf1; padding:1px ;}
.grid800						{width:800px; background-color:#eaedf1; padding:1px ;}
.grid900						{width:900px; background-color:#eaedf1; padding:1px ;}
.grid1000						{width:1000px; background-color:#eaedf1; padding:1px ;}
.grid1100						{width:1100px; background-color:#eaedf1; padding:1px ;}
.grid1200						{width:1200px; background-color:#eaedf1; padding:1px ;}
.grid1300						{width:1300px; background-color:#eaedf1; padding:1px ;}
.grid1400						{width:1400px; background-color:#eaedf1; padding:1px ;}
.grid1500						{width:1500px; background-color:#eaedf1; padding:1px ;}
.grid1600						{width:1600px; background-color:#eaedf1; padding:1px ;}

.contents-title					{float:left; width:120px; font-weight:bold;padding:5px}
.contents-content				{position:relative; width:760px; float:left;background-color:#FFFFFF;padding:5px}
span.btn						{color:#ED0000; cursor:pointer;padding:0;font-weight:bold;}
span.btn_blue					{color:#0042ED; cursor:pointer;padding:0;font-weight:bold;}

.txt_blue 						{font-family: "돋움";	font-size: 11px;	color: #6899FF;}