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

body.ui-login	{ background: url('/resources/images/cmm/bak_wrap.png') no-repeat 50% 200px; padding-bottom: 200px; }
ul, li		{ margin: 0; padding: 0; list-style: none; }
p			{ margin: 0; }

#wrap		{ margin: 15px; }

.ui-box		{ border: 1px solid #ccc; margin: 15px; padding: 15px; background: #f1f1f1; text-align: center; }
.ui-button-box	{ margin: 20px 0; text-align: center; }

.ui-page-title 			{ position: relative; overflow: hidden; }
.ui-page-title p		{ position: relative; padding: 0 30px; margin: 18px 15px 11px 15px;  font-family: dotum, "돋움"; height: 28px; line-height: 28px; font-size: 11px; color: #fff; text-align: right; z-index: 2; }
.ui-page-title p		{ border: 1px solid #6b3710; background: url('/resources/images/sub/cmm/bak_page_navi.png') no-repeat top left; overflow: hidden; border-radius: 9.0em; behavior: url('./PIE.htc'); }
.ui-page-title p strong { color: #fffc00; }

.ui-page-title .vs-bulet			{ position: absolute; z-index: 3; }
.ui-page-title .vs-bulet.fl		{ width: 70px; height: 60px; top: 0; left: 0; background: url('/resources/images/main/bul_article_title_fl.png') no-repeat; }
.ui-page-title .vs-bulet.fr		{ width: 44px; height: 54px; top: 7px; right: 0; background: url('/resources/images/main/bul_article_title_fr.png') no-repeat; }


/*****************************************************************************
	Common Style
******************************************************************************/

hgroup 			{ display: block; overflow: hidden;  background: #49a5bf; font-size: 12pt; padding: 10px 25px; }
hgroup h1		{ color: #fff; font-size: 12pt; font-family: "Nanum Gothic", "Dotum", sans-serif; line-height: 35px; }
h2				{ margin: 15px; border-left: 5px solid #d10000; padding-left: 10px; font-size: 10pt; font-family: "Nanum Gothic", "Dotum", sans-serif; overflow: hidden; }

#LGD_BUTTON1	{ margin: 15px; }


/*****************************************************************************
	Login Box Style
******************************************************************************/

.ui-login-box			{ position: relative; padding: 15px; border: 1px solid #b1b1b1; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; margin: 0px; overflow: hidden; }
.ui-login-box fieldset			{ position: relative; padding: 5px 0; }
.ui-login-box fieldset label	{ display: block; float: left; width: 30%; text-align: right; font-weight: 800; }
.ui-login-box fieldset input[type="text"],
.ui-login-box fieldset input[type="password"]		{ width: 40%; float: left; margin-left: 10px; }
.ui-login-box fieldset.ui-login-submit				{ margin: 0 60%; text-align: right; }
.ui-login-box div		{ position: absolute; top: 100px; font-size: 11px; color: #555; left: 50%; margin-left: -160px; }
.ui-login-box div p 	{ float: left; margin-right: 8px; padding-left: 8px; background: url('/resources/images/cmm/line_gray_8.png') no-repeat 0 50%; }
.ui-login-box div p:first-child		{ background: none; padding-left: 0; }
.ui-login-box div p a	{ color: #555; }



/*****************************************************************************
	Board Templete
******************************************************************************/
/** table */
table							{ width: 100%; float: left; padding:0; margin: 0; margin-bottom: 20px; border-spacing:0px; border-collapse:collapse; }
table							{ border-top: 1px solid #c3c5c9; border-right: 1px solid #ededed; border-bottom: 1px solid #c3c5c9; border-left: 1px solid #ededed; }
thead							{ background-color: #fafafa; }



thead th						{ padding: 6px; color: #0f131d; border-bottom: 1px solid #0f131d; }

tbody tr					{ border-bottom: 1px solid #ededed; }
tbody th					{ text-align: center; }
tbody th,
tbody td					{ padding: 6px 12px; }


/* Top Contents */
.ui-sub-info					{ margin-bottom: 5px; text-align: right; }
.ui-search-box label	 		{ position:absolute; top:0; left:-1100px; width:1px; height:1px; overflow: hidden; }

/* Gallery */
.ui-gallery					{ position: Relative; overflow: hidden; border-top: 2px solid #4f1a04; border-bottom: 1px solid #d3c6c0; }
.ui-gallery li				{ display :block; position: relative; float: left; padding: 145px 0 0 0; margin-top: 25px; width: 33.3%; overflow: hidden; background: none; }
.ui-gallery li.no-data		{ width: 100%; height: 200px; line-height: 200px; text-align: center; }

.ui-gallery li > *			{ width: 200px; margin: 0 auto;}
.ui-gallery li .ui-thumb		{ display: block; position: absolute; top: 0; left: 50%; margin-left: -101px; width: 200px; height: 137px; border: 1px solid #ddd; overflow: hidden; }
.ui-gallery li .ui-thumb img	{ width: 100%; height: 100%; }

.ui-gallery li p				{ font-weight: 400; color: #2d2d2d; line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.ui-gallery li p.ui-title		{ font-size: 9pt; }

/* Banner */
.ui-banner					{ position: Relative; overflow: hidden; border-top: 2px solid #4f1a04; border-bottom: 1px solid #d3c6c0; padding-top: 10px; }
.ui-banner li					{ display :block; position: relative; float: left; padding: 0; margin-top: 10px; width: 50%; height: 50px; overflow: hidden; background: none; }
.ui-banner li.no-data			{ width: 100%; height: 200px; line-height: 200px; text-align: center; }

.ui-banner li > *				{ margin-left: 135px; }
.ui-banner li .ui-thumb		{ display: block; position: absolute; top: 0; left: 0; margin-left: 0px; width: 120px; height: 40px; border: 1px solid #ddd; overflow: hidden; }
.ui-banner li .ui-thumb img	{ width: 100%; height: 100%; }

.ui-banner li p				{ font-weight: 400; color: #2d2d2d; line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.ui-banner li p.ui-title		{ font-size: 9pt; font-weight: 800; }

/* List */
.ui-board						{ }
.ui-board thead th			{ background-color: #f7f8f6; }
.ui-board tbody td			{ padding: 6px 12px; }
.ui-board .subject a			{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; color: #303030; }


/* Viewer */
.ui-viewer					{ }
.ui-viewer thead th			{ text-align: left; background: #fff; padding: 15px; }
.ui-viewer td.no-padding		{ padding: 0; }
.ui-viewer td.board_content	{ padding: 15px 10px; }

.ui-viewer dl					{ display: block; position: relative; margin: 0; padding: 0; float: left; width: 50%; border-bottom: 1px solid #d3c6c0; overflow: hidden; }
.ui-viewer dl:nth-child(odd):last-child	{ width: 100%; border-bottom: none; }
.ui-viewer dl.file-list		{ width: 100%; }

.ui-viewer dt,
.ui-viewer dd					{ display: block; margin: 0; padding: 5px 0; }

.ui-viewer dt					{ position: absolute; top: 0; left: 0; width: 100px; text-indent: 15px; background: url('/resources/images/sub/cmm/table_line.png') no-repeat 100% 50%; color: #303030; font-weight: 800; }
.ui-viewer dd					{ margin-left: 110px;  }


/* Writer*/

.ui-writer 			{ border-top: 1px solid #c3c5c9; }
.ui-writer th		{ width: 100px; text-align: left; padding: 5px 8px; background: #fafafa; color: #666; }
.ui-writer td		{ padding: 5px 8px; color: #888; }

/* Admin List */
table.ui-admin-list 							{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #c3c5c9; }
table.ui-admin-list thead th					{ padding: 0; height: 32px; line-height: 32px; overflow: hidden; font-size: 12px; font-weight: bold; color: #666; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #dcdcdc; background: url('/resources/images/cmm/bak_table_list_th.gif') repeat-x; }
table.ui-admin-list thead th:first-child		{ border-left: 1px solid #dcdcdc; }
table.ui-admin-list tbody tr:nth-child(even)	{ background: #f8f8f8; }

table.ui-admin-list tbody td				{ padding: 5px 0; }
table.ui-admin-list tbody td p			{ margin: 0; }
table.ui-admin-list tbody td.ui-pleft10	{ padding-left: 10px; }
table.ui-admin-list tbody td.ui-pleft20	{ padding-left: 20px; }

table.ui-admin-list tbody td.num			{ font-size: 11px; }

table.ui-admin-list tbody td.name span	{ display: block; font-size: 11px; color: #6e6e6e; clear: both; }
table.ui-admin-list tbody td.state span	{ display: block; font-size: 11px; color: #6e6e6e; clear: both; }
table.ui-admin-list tbody td.ui-thmub img	{ width: 190px; height: auto; }
table.ui-admin-list tbody td.title p		{ font-weight: 800; font-size: 12px; }

table.ui-admin-list tbody td.info 			{ padding: 10px 0; line-height: 1.5em; text-indent: 10px; }
table.ui-admin-list tbody td.info a			{ line-height: 2.0em; font-weight: 800; color: #303030; }
table.ui-admin-list tbody td.info span		{ font-size: 11px; color: #6e6e6e; }
table.ui-admin-list tbody td.info span.tel	{ dsiplay: block; padding-left: 20px; font-size: 12px; color: #333; background: url('/resources/images/cmm/ico_tel.png') no-repeat 0 50%; }
table.ui-admin-list tbody td.info p			{ border-top: 1px dotted #d1d1d1; padding: 5px 0; font-size: 11px; }





input[type="submit"].ui-admin-submit {
    background: url(/resources/images/cmm/bak_blue_btn.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #41597c;
    color: #FFFFFF;
}

.ui-mini-box		{ max-width: 300px; margin: 20px auto; padding: 10px; }

/* -- 추가 -- */
.layer_popup {/*padding: 15px 20px 5px 20px; border:solid 1px #a7a7a7;*/padding: 0px 0px 0px 0px; background:#e4e4e4;}
.layer_popup .popup {background:#FFFFFF;padding: 25px 15px;}
.layer_popup .popup h2 {font-size:22px; margin: 0; color: #000000; font-weight: 600; line-height: 45px;border-left: 0; padding: 0;}
.layer_popup .popup h3 {font-size:18px; margin: 0; color: #000000; font-weight: 600; line-height: 35px;}
.layer_popup .popup h4 {font-size:16px; margin: 0; color: #000000; font-weight: 600; line-height: 30px;}

.popup .list-01 { margin:10px 0 10px 0px; }
.popup .list-01 li { background:url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 10px; padding-left:13px; text-align: justify; }