/* CSS Document */
*/
@charset "euc-kr";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/* font-family: 'Nanum Gothic';*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
/* font-family: 'Nanum Brush Script';*/


SELECT {background-color : #ffffff;font-size:12px;}
 
BODY {
		margin-left: 20px;
		margin-top:   0px;
		margin-right: 20px;
		margin-bottom: 20px;
       /* font-size: 9pt;
		color: #4f4f4f;
		*/
		line-height: 18px;
		letter-spacing: 0;
		overflow-x:hidden;

		font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
		scrollbar-3dlight-color:595959;
	    scrollbar-arrow-color:7F7F7F;
	    scrollbar-base-color:CFCFCF;
	    scrollbar-darkshadow-color:FFFFFF;
	    scrollbar-face-color:DFDFDF;
	    scrollbar-highlight-color:FFFFF;
	    scrollbar-shadow-color:595959;
}
    TD, TH, div { font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;   }
/*    TD, TH, div { font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;  font-size: 9pt;  color: #4f4f4f;  line-height: 18px;letter-spacing: 0; }*/

    INPUT, TEXTAREA { font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;   font-size: 9pt;	color: #4f4f4f;  }

.bo {
	font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
	font-size: 12px;
	font-weight: bold;
	color: 555555;
}

img {border:none;}
.borderAll {border:1px solid #cccccc;}
.hand {cursor:pointer;}

.divblock{float:left;min-width:80px;border:solid 1px #73A4D2; background-color:#73A4D2;margin:2px;padding:1px;text-align:center;color:#FFFFFF;}
.divblock.b{float:left;min-width:80px;border:solid 1px #1668B4; background-color:#1668B4;margin:2px;padding:1px;text-align:center;color:#FFFFFF;}
.divblock2 {float:left;min-width:120px;margin:2px;padding:1px;text-align:left;}

/* Font */
.fontsiz8gray{color:#999999; font-size: 8pt; }
.b {font-weight:bold;}

.Orange11pxBold {color:#f96810; font-size:12px; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight:bold;}
.boardtype {color:#a5a5a5; font-size:12px; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}
.boardTitle {color:#ffffff; font-size:12px; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight:bold;}


.fcolWhite{color:#ffffff;}
.fcolBlue {color:#002aff;}
.fcolRed {color:#cb3704; font-weight:bold;}

.txt_red { font-weight:bold; color:#b61818;}
.txt_orange { font-weight:bold; color:#cc5600;}
.txt_green { font-weight:bold; color:#198213;}

/*메인페이지*/
.bg_top {background:url(../topmenu/top_bg.png) repeat-x 0 0; vertical-align:top;}
.bg_main {background:url(../images/main_bg.png) repeat-x 0 0;}
.topmenu {padding-top:40px; height:115px; vertical-align:top;}
.txt_date {font-size:11px; color:#c4cec5;}


/*서브공통*/
.subCont{padding-top:20px;min-height:500px;vertical-align:top}
table.aleft {margin-top:24px;margin-left:25px;text-align:left;}
/*.bg_sub { background-image:url(../images/common/bg_sub.gif); background-repeat:repeat; vertical-align:top;}*/
.category{ font-size:11px; text-align:right; padding-right:5px;}	

/*카피공통*/
.bottom_lineM{	padding-top:0px;padding-bottom:50px;background: #3f505a;}
.copy{	padding-top:0px;padding-bottom:50px;background: #3f505a;}
/*.copy {border-top:1px solid #e1e1e1;padding-bottom:10px}*/

.lr10 {padding:0 10px; font-weight: normal}
.btmenu {font-weight:bold;font-size:10pt;color:#161d21;vertical-align:bottom;text-align:left;height:30px}
.btmenucolor {color:#161d21;text-decoration:none}
.btinfo {font-size:10pt;line-height:15pt;letter-spacing:0.2pt;text-align:left;height:80px;}
.btinfocolor1 {font-weight:bold;color: #161d21}
.btinfocolor2 {color:#161d21}
.btinfocolor3 {color:#161d21}


/*표1* - 찾아오시는길*/
.graybox_stitle { background:#444;color:#ffffff;padding:3px 10px;font-size:9pt;border-radius:3px }
.font12pt { font-size:12pt; line-height: 18pt }
.blackbold_stitle { font-size:10pt; font-weight:bold; color:#222222; line-height: 24pt}
.borderB {border-bottom:1px solid #ddd; padding: 20px 5px}
.paddingTB20 { padding: 20px 0; font-size:12pt; line-height:18pt; border-bottom:1px solid #ddd;}

.busStop	{
	display:inline-block;
	height:20px;
	padding:3px 10px;
	border: 1px solid #c5c5da;
	border-radius: 12px;
	margin-bottom:5px;
	background: #f3f3ff url('../entrance/images/icon_bus.png') no-repeat 5px 50%;
	text-indent: 20px;
	font-size:10pt;
}
.sj_title { text-align:left; font-weight:bold; padding:6px; color:#515151; background:#ecf3fe}
.sj_contents{ text-align:left; padding:6px 20px; }

/*로그인*/
.input_login{ background:#fff; border:1px solid #c9c9c9; color:#fff; width:145px; height:18px;}
 
/*공통폰트스타일-사이즈*/

.fontsiz8 {	font-size: 8pt;}
.fontsiz9 { font-size: 9px;}
.fontsiz10 { font-size: 10px;}
.fontsiz12 { font-size: 12px;}
.fontsiz13 { font-size: 13px;}
.fontsiz14 { font-size: 14px;}
.font11 {font-size:11px;}
.txt_white {color:#fff;}

/* 포커스(점선) 없애는 소스 */
a,area { blr:expression(this.onFocus=this.blur()); }
:focus { -moz-outline-style: none; }

/* selbox */
.selbox {color:818181; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:12px;}
.Free_selbox { font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;font-size: 12px;color: 555555; }

.Free_form { border:1 solid #e7e7e7; background-color:#ffffff; height:19px; }
.search_box { border:1 solid #e7e7e7; background-color:#ffffff; height:20px; width:170px;}

/* top menu */
.mainMenu_t {
	display:inline-block;
	width:159px;
	height:40px;
	text-align:center;
	font-weight:normal;
	color:white;
	vertical-align:top;
	line-height:30pt;
	font-size:14pt;
	border-left:1px solid rgba(255, 255, 255, 0.5);
}
.mainMenu_t:hover {
	background-color: rgba(255, 255, 255, 0.1);
	/*background-color: rgba(255, 0, 27, 0.2);*/
}

.subMenu_t {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	line-height:20pt;
	font-size:11pt;
	padding: 0 10px;
	border-right:1px solid #b1b1b1;
}

/* .mbg{background:url(../topmenu/sm_BgM.png-) repeat-x;display:inline-block;height:28px;text-align:left;width:960px;}
.mbgS{background:url(../topmenu/sm_BgM.png-) repeat-x;display:inline-block;height:28px}*/

.menu_subM{position:relative;top:0;}
.Msub_1{left:0;display:none;}
.Msub_2{left:0;display:none;}
.Msub_3{left:0;display:none;}
.Msub_4{left:490px;display:none;}
.Msub_5{left:427px;display:none;}
.Msub_6{left:0;display:none;}
.Msub_7{left:0;display:none;}

.menu_sub{position:relative;top:-7px;}
.sub_1{left:15px; display:none;}
.sub_2{left:184px;display:none;}
.sub_3{left:328px;display:none;}
.sub_4{left:453px;display:none;}
.sub_5{left:434px;display:none;}
.sub_6{left:547px;display:none;}
.sub_7{left:550px;display:none;}


/* LINK */	
A:link {color:#4f4f4f;text-decoration:none;}
A:visited {color:#4f4f4f;text-decoration:none;}
A:active {color:#4f4f4f;}
A:hover {color:#4f4f4f;text-decoration:none;}


/* PAGE VIEW */
.pageView:link {color: #818181; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 12px;}
.pageView:visited {color: #818181 ;font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 12px;}
.pageView:active {color: #818181; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 12px;}
.pageView:hover {color: #818181; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 12px;}


.board-line01 {border-bottom:1px solid #e8e8e5; height:28px; }
.board-line02 {border-bottom:2px solid #f69c4d; height:29px; }
.board-line03 {border-bottom:2px solid #f69c4d; padding-bottom:10px; padding-top:10px;}
.board-line04 {border-bottom:1px solid #e8e8e5; height:28px; padding-left:10px; }
.board-line05 {border-bottom:2px solid #f69c4d; padding-left:10px; padding-top:7px;}
.board-line06 {border-bottom:1px solid #f69c4d; height:29px; }
.board-line07 {border-bottom:1px solid #e8e8e5; height:28px; padding-right:10px; }
.board-line08 {border-bottom:1px solid #f69c4d; height:29px; padding-right:10px; }
/* ----------------------------- 공통 --------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {
	font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
	font-size: 12px;
	color: #000000;
}
.style2 {
	font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
	font-size: 12px;
	color: #888888;
}
.style5 {
	font-size: 12px;
	font-weight: bold;
	color: #573214;
	font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
}
.style6 {font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 12px; color: #666666;  }
.style8 {font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 12px; color: #333333; }
.style15 {color: #666666; font-weight: bold; font-size: 11px; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
.style17 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
}
.style18 {
	font-size: 12px;
	color: #666666;
	font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
}
.style23 {font-size: 12px; color: #666666; }
.style27 {font-size: 12px; color: #333333; }
.style28 {font-size: 11px; font-weight: bold; color: #333333; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
.style30 {color: #666666; font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size: 11px; }
.style32 {font-size: 12px; color: #666666; font-weight: bold; }


/* Padding */
.pl5{padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}

/* margin */
.ml5{margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}


/* ----------------------------- Main --------------------------------- */

.mainSch table th {font-size:8pt; font-family:tahoma; background-color:#e7e7e7; font-weight:normal;}
.mainSch table th .sunday { color:#8c4444;}
.mainSch table td {font-size:8pt; font-family:tahoma; text-align:right;}
.mainSch table td .on{font-size:8pt; font-family:tahoma; color:#ffffff; background-color:#ff7b00;}
.mainSch table td .sunday{font-size:8pt; font-family:tahoma; color:#8c4444;}
.mainSch table td .rsunday{font-size:8pt; font-family:tahoma; color:#c69595;}
.mainSch table td .rday{font-size:8pt; font-family:tahoma; color:#8c8c8c;}


/* Notice */
.notice:link {font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;font-size: 12px;}
.notice:visited {font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;font-size: 12px;}
.notice:active {font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;font-size: 12px;}
.notice:hover {font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;font-size: 12px;}

/* Notice Date*/
.date{color:#1994df; font-family:sans-serif; font-size:12px;font-family: Nanum Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}


/* Login Form */
.login_form_id { width:133px; height:20px; border:1 solid #e7e7e7; background-color:#f7f7f7; background-image:url(../Front/images/main/log_id.gif);}
.login_form_pw { width:133px; height:20px; border:1 solid #e7e7e7; background-color:#f7f7f7; background-image:url(../Front/images/main/log_pw.gif);}


/*PopUp 디자인Css*/
.pop_title{background:#fdc741; border-bottom:1px solid #dea822; height:60px; padding-left:10px;}

/* 이용안내 */
.bn_telTit {color:#2d68b2;font-size:12pt;padding-top:10px;font-weight:bold;}
.bn_telTits {color:#555555;font-size:11pt;padding-top:10px;font-weight:bold;text-align:center}
.bn_telNum {color:#1a8fd7;font-weight:bold;font-size:18pt;letter-spacing:-1pt;padding:5px 0 10px 0;text-align:center;}
.bn_telBox {background-color:#ffffff;border:2px solid #cbcbcb;padding:5px 10px;border-radius:3px}

/* 사진첩 타이틀*/
.bn_picTit {color:#505050;font-size:12pt;padding-top:10px;font-weight:bold;}

/* 패밀리사이트 배너 */
.familybn_white {width:195px;height:40px;vertical-align:middle; text-align:center;background:#ffffff;border-radius:3px;border:1px solid #cbcbcb}
.familybn_whitered {width:195px;height:40px;vertical-align:middle; text-align:center;background:#ebd2d9;border-radius:3px;}
.familybn_blue {width:195px;height:40px;vertical-align:middle; text-align:center;background:#104f7b;border-radius:3px}
/* ----------------------------- Sub --------------------------------- */

/*표*/
.pgTable01{border:1px solid #43a3cf;border-collapse:collapse;background-color:#ffffff}
.pgTable01 td, .pgTable01 th{border:1px solid #43a3cf;padding:4px}
#TitTop{background-color:#c0e4f5;text-align:center}

.pgTable02{border:1px solid #5aa191;border-collapse:collapse;background-color:#ffffff}
.pgTable02 td, .pgTable02 th{border:1px solid #5aa191;padding:6px 3px 6px 6px;text-align:left;font-size:8pt;letter-spacing:-1pt;vertical-align:top}
#TitTop02{background-color:#85d1c0;text-align:center}

#TextBack{background-color:#d9ece8;padding:3px}
#TextRed{color:#d61f1f}
#TextBlue{color:#1f71d6}
#TextGreen{color:#439381;}
#TextGreen2{color:#009b78;}
#TextLeft{text-align:left}

/*마이페이지-왼쪽 서브메뉴*/
#MysubMn {height:25px; vertical-align:middle;}

/*표1* - 찾아오시는길 */
.tableMap {border-bottom:2px solid #dddddd;border-collapse:collapse;}
.tableMap td{border-bottom:1px solid #dddddd;text-indent:16px;text-align:left;height:40px;}
.tableMap th{border-bottom:1px solid #dddddd;text-align:left;text-indent:16px;height:40px;background-color:#eeeeee}


/*사이트맵*/
.sitemapTable{text-align:left;border-collapse:collapse}
.sitemapTable th{}
.sitemapTable td{border-bottom:1px dashed #bbb;padding:8px 15px}
#sitemapTit{height:36px;background:#4da7df;color:#fff; text-align:center;}

.sitemapTable1{text-align:left;border-top:2px solid #9c7500;border-bottom:2px solid #9c7500;border-collapse:collapse}
.sitemapTable1 th{border-bottom:1px solid #bbb;height:30px;background:#f5f1e5}
.sitemapTable1 td{border-bottom:1px solid #bbb;padding:8px 20px}


/* 멤버쉽 > 영상정보처리기기운영관리방침 */

.cctv_wrap {}

.cctv_wrap .center { text-align: center}
.cctv_wrap .bold { font-weight: bold;}
.cctv_wrap .indent15 { text-indent: 15px;}
.cctv_wrap .underline { text-decoration: underline; color: #000}
.cctv_wrap .marginB5 { margin-bottom: 5px; }
.cctv_wrap .marginB10 { margin-bottom: 10px; }
.cctv_wrap .marginB20 { margin-bottom: 20px; }
.cctv_wrap .marginB30 { margin-bottom: 30px; }
.cctv_wrap .marginB40 { margin-bottom: 40px; }
.cctv_wrap .marginB50 { margin-bottom: 50px; }

.cctv_wrap .b_tit1  { font-size: 20px; font-weight: bold; text-align: center; }
.cctv_wrap .b_txt1  { font-size: 16px; line-height: 26px; }

.cctv_wrap .s_tit1  { font-size: 14px; font-weight: bold; }
.cctv_wrap .s_txt1  { font-size: 14px; line-height: 24px;}

.cctv_wrap table  { width:100%; border: 1px solid #444; border-collapse: collapse; }
.cctv_wrap table th { padding: 5px 0; text-align: center; font-size: 14px; background: #acacac; border-right: 1px solid #444; border-bottom: 1px solid #444;}
.cctv_wrap table td { padding: 5px 10px; font-size: 14px; border-right: 1px solid #444; border-bottom: 1px solid #444;}