@charset "UTF-8";

/* default.css - Type Selector Definition */
/* font-family:"AppleGothic", "맑은 고딕", "Malgun Gothic", Dotum, "돋움", Tahoma, Verdana, sans-serif; */

body
{ 
	margin:0; 
	padding:0; 
	color:#222222; 
	background-color:#ffffff; 
	font-size:80%; 
	line-height:1.5em; 
/*	font-family:"굴림", Dotum, "돋움", Gulim, Tahoma, Verdana, sans-serif;*/
	font-family: "맑은 고딕", "굴림", "돋움", "Segoe UI", "verdana", "arial";
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	background:url("http://webwatch.cafe24.com/imgs/back_sky.jpg") no-repeat scroll 50% 0 transparent;
}

/* color:#444444; */

a:link { color:#222222; text-decoration:none; }
a:visited { color:#222222; text-decoration:none; }
/* color:#f85d00; */
a:hover {  color:#f85d00; text-decoration:underline; }
a:active {  color:#f85d00; text-decoration:underline; }
a:focus { outline-style:dashed; outline-width:1px; }

.Nline:link { color:#444444; text-decoration:none; }
.Nline:visited { color:#444444; text-decoration:none; }
.Nline:hover { color:#f85d00; text-decoration:none; }
.Nline:active { color:#f85d00; text-decoration:none; }

.Bc:link { color:#4f688c; text-decoration:none; }
.Bc:visited { color:#4f688c; text-decoration:none; }
.Bc:hover { color:#f85d00; text-decoration:none; }
.Bc:active { color:#f85d00; text-decoration:none; }

input.type-image { border:0 none; padding:0; margin:0; }
ol, ul, li { list-style:none; }
img { border:0; }
label { display:none; }
form { margin:0; padding:0; }
input { border:1px solid #bbbbbb; height:19px; vertical-align:middle; }
textarea { border:1px solid #bbbbbb; }
h1, h2, h3, hr, legend { position:absolute;top:-10000px;left:-10000px;z-index:10; }
h4 { line-height:100% }
h5 { font-size:1.1em; }
h6 { font-size:1em; }
fieldset { border:0; }

input.textBox { border:1px solid #969696; height:17px; margin-bottom:1px; padding:0 2px; }
radio { margin-bottom:-2px; }
textarea { border:1px solid #969696; font-family:"돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, sans-serif; }

/* Special Class Selector */

.fr { float:right; }
.fl { float:left; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.clear { clear:both; }
.bullet { background:url("../imgs/bullet_orange.gif") no-repeat scroll 0 8px transparent; padding:0 0 0 12px; }
.bullet2 { background:url("../imgs/bullet_orange.gif") no-repeat scroll 0 9px transparent; padding:0 0 0 12px; }


/*====== 메인 콘텐츠용 기본 클래스들 ===== */
/*기본 문단 스타일*/
p { margin:0 0 15px 0; }
/*<h4> 제목 태그용 본문 개요 2수준*/
.cth4 { background:transparent url(../imgs/con_icon01.gif) 0 5px no-repeat; padding:0 0 5px 23px; font-size:1.2em; }
/*<h4> 제목 태그 밑에 들어가는 기본 박스용 */
.cth4box { margin:20px 0 40px 15px; line-height:180%; text-align:justify; }
/*메인 콘텐츠용 불릿달린 기본 리스트용 클래스*/
.ctli { background:url("../imgs/bullet_orange.gif") no-repeat scroll 0 8px transparent; padding:0 0 0 15px; margin:0 0 10px 0; }
/*메인 콘텐츠용 테이블용 테두리를 위한 기본 클래스 : 테이블은 셀공간 1에 배경색이 아래와 같아야함 */
.cttable { border-top:solid 1px #999999;background-color:#999999;margin-bottom:10px;text-align:justify }
.cttable th { background-color:#ffffdd;padding:5px;text-align:center; }
.cttable td { background-color:#FFFFFF;text-align:center;padding:5px;text-align:center; }
/*문단 내어쓰기용 클래스*/
.near05 { text-indent:-0.5em;padding-left:0.5em;text-align:left; }
.near10 { text-indent:-1em;padding-left:1em;text-align:left; }
.near15 { text-indent:-1.5em;padding-left:1.5em;text-align:left; }
.near20 { text-indent:-2em;padding-left:2em;text-align:left; }
.near25 { text-indent:-2.5em;padding-left:2.5em;text-align:left; }
.near30 { text-indent:-3em;padding-left:3em;text-align:left; }
.near35 { text-indent:-3.5em;padding-left:3.5em;text-align:left; }
/*내려받기 링크용 박스*/
.downbox { margin:20px 0 35px 140px;
           padding:15px;
           width:300px;
           border:1px solid #aaaaaa;
           background-color:#ffffcc;
           font-size:1.2em;
           font-weight:bold;
           text-align:center; }



/* 탑메뉴 CSS 시작 */

#Logo { float: left; padding: 30px 0 0 0px; text-align: center; }
/* #header div#bar01 { display:block; float: left; } */
#TopLink { width:740px; float: right;; }
#TopLink ul { display:block; float:right; font-size:0.9em; margin: 15px 15px 5px 0; }
#TopLink li { display:block; float: left; }


/* 주메뉴 배경 박스 설정 */
/* 주메뉴 전체 박스 크기 */
#TopMenu { width: 740px; height: 40px; float: right;  }
#TopMenuSub, .tm1dbox { width: 740px; height: 40px; }

/* 주메뉴 내부 박스 정렬 및 배경 */
.tm1dbox	       { background: url("../imgs/tm_main_bg.gif") 0 0 no-repeat; padding: 0 0 0 15px }
#TopMenuSub { background: url("../imgs/tm_main_bg.gif") 100% 0 no-repeat; }

/* 1댑스 메뉴 박스 크기 및 정렬 */
.tm1dbox li, .tm1dbox a { display: block; float: left; width: 140px; height: 32px; }
/* 1댑스 메뉴 박스(ul)의 li들 설정 */
.tm1dbox li { padding: 0; margin: 4px 1px 0 1px;
	     background-position: 100% 0; background-repeat: no-repeat; }
/* 1댑스 메뉴 박스(ul)의 a들 설정*/
.tm1da:link,
.tm1da:visited,
.tm1da:hover,
.tm1da:focus,
.tm1da:active
 { color: #ffffff; text-decoration: none; }
.tm1dbox a { padding: 5px 0 0 0; margin: 0;
	     text-align: center; color: #fff; text-decoration: none;
	     font-weight: bolder; font-size: 10pt; letter-spacing: -0.1em;
	     background-position: 0 0; background-repeat: no-repeat; }

/* 2댑스 메뉴 감싸는 박스 크기 및 위치 */
.tm2dbox { display: none; position: absolute; top: 81px; height: 25px; }
/* 각 2댑스 메뉴박스의 Y좌표 값 */
#tm2dbox1 { left: 240px; width: 740px; }
#tm2dbox2 { left: 290px; width: 610px; }
#tm2dbox3 { left: 490px; width: 490px; }
#tm2dbox4 { left: 440px; width: 540px; }
#tm2dbox5 { left: 760px; width: 220px; }
/* 2댑스 메뉴 박스 크기 및 정렬 */
.tm2dbox li, .tm2dbox a { display: block; float: left; width: auto; height: auto; }
/* 2댑스 메뉴(li)들 설정 */
.tm2dbox li { margin: 0; padding: 0 7px 0 7px;
	     background-position: 0 7px; }
/* 2댑스 메뉴(a)들 설정 */
.tm2dbox a { margin: 0; padding: 0;
	     color: #101010; font-size: 10pt; font-weight: normal; }
/* 탑메뉴 CSS 끝 */

/*하단 영역*/
#footer div ul li { display:block; float:left; }
#copyright div ul li { display:block; float:left; }
/* #base_menu { height:25px; font-weight:bold; color:#333333; margin:0 0 7px 0; width:600px; float:left; } */
#base_logo { float: left; text-align: center; width: 230px; margin: 25px 10px 0 0; }
#address { float:left; width:550px; margin:20px 0 0 0; }
#base_banner_ul { width:900px; margin-left:30px; }
.bb_bar { margin:0 15px 0 15px }
#cer_mark { float: left; text-align: center; width: 180px; margin: 25px 0 0 0; }
/*하단 영역*/

/* 오랜지 색 넣기 */
.orange { color:#f85d00; }
/* 태두리 없애기 */
.border0 { border: 0; }
/*좌측 3px 띄우고 폰트 굵게 */
.boldmL3 { margin-left:3px; letter-spacing:-0.1em; font-weight:bold; }

/* 이미지 크게 보기 박스 디자인 */
#imgviewbox { 
	position : absolute;
	width : 1020px; height : 500px;
	top : 50%; left : 50%;
	z-index :  5; overflow :  auto;
	background : white;
	border : 1px solid black;
	padding: 5px; margin-left : -500px;
	text-align: center;
	display : none;
}