@import url(global.css);

/* default layout Templete *****************************************************************************************************/
textarea.cmdinput {
	font:12px 'µ¸¿ò',gulim,serif ; color:#7e7e7e;
	height:18px;
	border-top:1px solid #999999;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #999999;
	overflow-y:auto;
}
/* main layout Templete *****************************************************************************************************/
body{background:#ffffff url(/images/common/top_bg.jpg) top repeat-x;}
body.main {
	width:100%; font:11px 'µ¸¿ò',dotum,serif ; background:#7d7d7d;
	scrollbar-face-color:#f3f3f3;
	scrollbar-shadow-color:#C5C5C5;
	scrollbar-highlight-color:#C5C5C5;
	scrollbar-3dlight-color:#F3F3F3;
	scrollbar-darkshadow-color:#F3F3F3;
	scrollbar-track-color:#F3F3F3;
	scrollbar-arrow-color:#919191;
}
#main {
	width:100%; height:auto;
	background:url(/images/common/main_bg.jpg) top repeat-x;
}
#service{
	position:absolute; z-index:10; width:707px height:192px;top:20px;left:935px;
}
/*Total Wrap*******************************************************************************************************************/
#Wrapper {
	width:100%; height:auto;
	background:url(/images/common/top_bg.jpg) top repeat-x;
}
*html #Wrapper {
	width:1000px; height:100%;
	background:#ffffff url(/images/common/top_bg.jpg) top repeat-x;
}
#IcoTop{
	top:145px;left:880px;
}
#Wrapper ul.main{
	width:100%; height:auto;
}
#Wrapper ul.main li {
	float:left;
}

#Wrapper_main {
	width:100%; height:auto;
	background:url(/images/common/top_bg.jpg) top repeat-x;
}
#Wrapper_main div.main {
	width:1010px; height:auto;
	background:url(/images/common/main_bg.jpg) top right no-repeat;
}


/*Top Section*****************************************************************************************************************/
#TopSec {
	width:980px; height:auto;
}

/*Middle Section*************************************************************************************************************/
#MiddleSec {
	float:left;
	width:980px; height:auto;
}


/*Left Section****************************************************************************************************************/

#LeftSec {
	width:170px; height:auto;
	float:left;
	padding-right:25px;
}

/*Contents Section*************************************************************************************************************/
#CntSec {
	width:680px; height:auto;
	float:left;	
}
#CntSec div.cntmain{
	width:680px; height:auto;
	margin-bottom:50px;
}
#CntSec div.cntmain p.copyimg {
	padding-bottom:15px;
}

/* Title **************************************************************************************************************************/
div.Location {
	width:680; height:10px;
	float:right;
	color:#898989; font-size:11px; font-weight:normal;
}
div.Location a {
	color:#898989;
}
#CntSec h1 {
	width:680px; height:16px;
	padding:0 0 20px 0;
}

/*Right Section************************************************************************************************************************/
#RightSec {
	width:120px; height:auto;
	float:left;
}

/*Bottom Section*********************************************************************************************************************/
#BottomSec {
	float:left;
	width:958px; height:50px;
	padding-left:22px;
	position:relative;
}
#BottomSec div.BtmSecbox {
	float:left;
	position:absolute;
	bottom:36px;
	right:0px;
}
*html #BottomSec div.BtmSecbox {
	position:absolute;
	bottom:36px;
	right:0px;
	padding-left:639px;
}
#BottomSec div.BtmSecbox ul{
	width:100%;height:auto;
}
#BottomSec div.BtmSecbox ul li{
	float:left;
	margin-left:3px;
}

/* Layer Pop ************************************************************************************************************************/
div.LayerService {
	position:absolute; z-index:10; width:707px height:192px;top:31px;left:767px;
}
div.LayerService img{
	vertical-align:-4px;
}

div.LayerService2 {
	position:absolute; z-index:10; width:100px height:100px;top:51px;left:767px;
	border:1px solid #cccccc; 
	background:#ffffff;
	overflow-y:auto;
}
div.LayerService3 {
	position:absolute; z-index:10; width:100px; height:100px;top:380px;left:385px;
	border:1px solid #cccccc; 
	background:#ffffff;
	overflow-y:auto;
}
*html div.LayerService3 {
	top:385px;left:395px;
}

/* Btn Style ************************************************************************************************************************/
div.Btn {
	width:680px; height:auto; 
	text-align:right; padding-top:8px;
}

/* List Style */
div.tbl_Ltype1 {
	float:left; 
	width:680px; height:auto; 
	background:url(/images/common/list_title_bg.gif) top no-repeat; 
	text-align:center;
}
table.tbl_Ltype1 {
	width:680px; height:auto; 
	border-bottom:2px solid #b2b2b2; 
	color:#888888;
}
table.tbl_Ltype1 th	{
	height:28px;
	background:url(/images/common/list_rt.gif) right no-repeat;
}
table.tbl_Ltype1 th.r_none {
	background:none;
}
table.tbl_Ltype1 td	{
	padding:8px 0 8px 0; 
	text-align:center; 
	border-bottom:1px solid #ededed;
	color:#888888;
}
table.tbl_Ltype1 td.lt {
	padding:8px 0 8px 12px; 
	text-align:left;
}
table.tbl_Ltype1 td img.new	{
	margin-left:5px;
	vertical-align:-3px;
}

/* PageNumber ************************************************************************************************************************/

div.PageNumber {
	width:680px; height:auto;
	position:relative; clear:both;
	text-align: center;
	margin-top:13px;
	font-size:11px;
	letter-spacing:1pt; 
}
div.PageNumber img.bt {
	vertical-align:-2px;
	margin:0 1px;
}

div.PageNumber a {
	/*margin:0 4px;*/
	color:#a0a0a0;
}
div.PageNumber div.rt {
	position:absolute;
	right:4px; top:-6px;
}
div.PageNumber div.rt a {
	margin:0 6px;
}
div.PageNumber div.lt {
	position:absolute;
	left:0; top:0px;
	padding-left:10px;
	color:#ff5000;
	font-weight:bold;
}

/*Tab Style ************************************************************************************************************************/
ul.Tab_type01 {width:680px; height:25px; background:url(/images/common/bg_tab.gif) bottom repeat-x; }
ul.Tab_type01 li {float:left;}
ul.Tab_type01 li img {display:block;}


/*Search ************************************************************************************************************************/
div.Search {
	width:680px; height:53px; 
	background:url(/images/common/search_bg.gif) no-repeat;
	margin-top:25px;
}
div.Search ul {
	padding-top:13px;
}
div.Search ul li {
	float:left;
}
div.Search ul li.tit {
	width:72px; height:auto; 
	text-align:center;
}
div.Search ul li.tit img {
	vertical-align:-8px;	
}
div.Search ul li.ser1 {
	width:106px; height:auto;
	padding-top:2px;
}
div.Search ul li.ser2 {
	width:352px; height:auto;
	padding-top:2px;
}
div.Search ul li.btn {
	width:132px; height:auto; 
	background:url(/images/common/search_sp.gif) left no-repeat;
	padding-left:16px;
}
div.Search ul li.btn img {
	vertical-align:-13px;	
}

/*View Style*/
div.ViewBox_type1 {
	width:680px; height:64px; 
	background:url(/images/common/viewbox_bg01.gif) left top no-repeat; 
	margin-top:10px;
}
table.ViewBox_type1	{
	width:660px; 
	font-size:12px; 
	color:#00A087;
	margin:3px 10px 5px 10px;
}
table.ViewBox_type1 .s1tit {
	height:24px; 
	background:url(/images/common/viewbox_sp.gif) right no-repeat; 
	text-align:center;
}
table.ViewBox_type1 .s1	{
	padding-left:12px; 
	text-align:left;
	color:#888888;
}
table.ViewBox_type1 .s2tit {
	height:30px; 
	background:url(/images/common/viewbox_sp.gif) right no-repeat; 
	text-align:center;
}
table.ViewBox_type1 .s2 {
	padding-left:12px; 
	color:#ffffff; 
	text-align:left;
}
.view_photocnt {
	width:680px;
	border-bottom:2px solid #6d6d6d;
}
.view_photocnt .box	{
	width:660px; 
	color:#888888; 
	padding:10px;
	text-align:left; 
	line-height:120%;
}
.view_photocnt .box	p  {
	width:660px; 
	color:#888888;
	padding-bottom:20px;
}
.view_photocnt .box	p img {
	border:1px solid #e9e9e9; 
	padding:5px;
}
.view_photocnt .box	p.txt {
	line-height:120%;
}

.ViewBox_b {
	width:680px; height:62px; 
	margin-top:25px; 
	background:url(/images/common/viewbox_b_bg.gif) left top no-repeat;
}
.ViewBox_b p {
	width:680px; height:32px; 
	color:#666666;
}
.ViewBox_b p img {
	margin:9px 10px 0 25px;
}

.view_photocnt dl.File {
	width:680px;
	border-top:1px solid #6d6d6d;
	padding:9px 0 8px 0;
}
.view_photocnt dl.File dt {
	width:70px;
	float:left;
	background:url(/images/common/viewbox_sp.gif) right no-repeat;
	text-align:center;
}
.view_photocnt dl.File dt img {
	display:block;
}
.view_photocnt dl.File dd {
	width:595px;
	float:left;
	padding-left:15px;
}
.view_photocnt dl.File dd a {
	color:#888888;
	font-weight:bold;
	text-decoration:underline;
}

/* Popup Layout **********************************************************************************************************************************/
#PWrapper {
	width:100%; height:auto;
	background:#FFFFFF;
}
#PWrapper div.PTopSec {
	width:100%; height:40px; position:relative;
	background:url(/images/common/bg_pop_h1.gif) repeat-x;
}
#PWrapper div.PTopSec div.at {
	width:53px; height:40px;
	position:absolute;
	right:0; top:0;
	background:url(/images/common/right_pop_h1.gif) no-repeat; 
}
#PWrapper div.PTopSec h1 {
	width:53px; height:32px; 
	padding:8px 0 0 60px;
	background:url(/images/common/left_pop_h1.gif) no-repeat; 
}
#PWrapper div.PCntSec {
	padding:13px 0 18px 20px;
}
#PWrapper div.PBtmSec {
	width:100%; height:20px;
	padding-top:15px;
	background:#d7d7d7;
}
#PWrapper div.PBtmSec img {
	margin-right: 25px;
}

div.PCntBox_type1 { 
	width:286px; height:auto; 
	padding:15px 20px; 
	clear:both; 
	position:relative; 
	border-left:1px solid #d5d5d5; 
	border-right:1px solid #d5d5d5; 
}

div.PCntBox_type1 div.a1 { 
	width:328px; height:5px; 
	position:absolute; left:-1px; top:0; 
	background:url(/images/common/top_pop_cntbox.gif) no-repeat; 
}
div.PCntBox_type1 div.a2 { 
	width:328px; height:5px; 
	position:absolute; right:-1px; bottom:0; 
	background:url(/images/common/btm_pop_cntbox.gif) no-repeat; 
}
*html div.PCntBox_type1 div.a2 { 
	right:-1px; bottom:-9px; 
}
div.PCntBox_type1 dl.dl_type1 { 
	width:286px; height:auto; 
}
div.PCntBox_type1 dl.dl_type1 dt, div.PCntBox_type1 dl.dl_type1 dd { 
	float:left;
	color:#a1a1a1;
	/*background:url(/images/common/dotline_1.gif) bottom repeat-x; */
}
div.PCntBox_type1 dl.dl_type1 dt.b_none, div.PCntBox_type1 dl.dl_type1 dd.b_none { 
	background:none; 
}
div.PCntBox_type1 dl.dl_type1 dt { 
	width:60px; height:auto; 
	padding-top:9px; 
}
div.PCntBox_type1 dl.dl_type1 dd { 
	width:210px; height:auto; 
	padding-top:9px;
	
}
div.PCntBox_type1 dl.dl_type1 img { 
	vertical-align:-4px; 
}
div.btn_type1 {
	width:100%; height:auto;
	padding-top:7px;
	text-align:center;
}
div.btn_type1 img {
	margin:0 2px;
}
div.PCntBox_type1 input{ 
	border:1px solid #cccccc; 
	font-size:11px;
	color:#a1a1a1;
	padding-top:2px;
}