@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);

html {
    font: 100% "roboto", "Trebuchet MS", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}

html,
body {
    height: 100%;
    min-height: 100%;
}

body { 
	margin: 0;
	line-height: 1;
}

ol, ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}



/* ================================================= */
/*                  Category Menu                    */
/* ================================================= */

#productMenu {width:300px; min-height:500px; margin:0 auto; position:relative;background-color:#FFFFFF; float:left;}

#productMenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:10px;}

#productMenu li {margin:0; padding:0; list-style:none;}
#productMenu li {display:inline-block; display:inline;}
#productMenu ul {position:absolute; left:-9999px;}
#productMenu ul.level1 {width:100%; position:absolute; left:0; top:0px;}

#productMenu a {display:block; font:normal 13px roboto,arial,sans-serif; color:#000000; line-height:36px; text-decoration:none; padding:0 20px 0 0; background:url(tab-right.gif) no-repeat right top; margin-bottom:3px;}
#productMenu a b {display:block; line-height:36px; padding:0 0 0 10px; background:url(tab-left.gif) no-repeat left top; font-weight:normal;}

#productMenu ul li:hover > ul {visibility:visible; left:100%; margin-left:-10px; margin-top:-49px;}

#productMenu a:hover ul,
#productMenu a:hover a:hover ul, 
#productMenu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#productMenu a:hover ul ul, 
#productMenu a:hover a:hover ul ul {left:-9999px;}

#productMenu li a.fly {background: url(tab-arrow.gif) no-repeat right top;}
#productMenu li a:hover {background-position:right bottom; color:#000000; text-decoration:underline; white-space:nowrap;}
#productMenu li a:hover b {background-position:left bottom;} 

#productMenu li:hover > a {background-position:right bottom; color:#000;}
#productMenu li:hover > a > b {background-position:left bottom;}

#productMenu a:hover ul li a b,
#productMenu a:hover ul a:hover ul li a b,
#productMenu a:hover ul a:hover ul a:hover ul li a b {background:url(tab-left.gif) no-repeat left top;}
#productMenu a:hover ul li a:hover b,
#productMenu a:hover ul a:hover ul li a:hover b,
#productMenu a:hover ul a:hover ul a:hover ul li a:hover b {background-position:left bottom;}

#productMenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-46px; margin-left:-10px;}



/* ================================================= */
/*                           Menu                    */
/* ================================================= */

#header1 {
	background-color:#074f89;
/*	width:100%;*/
	width:1215px;
	margin:auto;
	height:160px;
}

#header1table {
	border-style : none;
	width:1200px;
	height:150px;
	margin:auto;
}

#header1table tr {
	height:75px;
}

#header1tr1td0 {
	float:left;
	color:white;
	text-decoration:none;
}

#header1tr1td0 a {
	color:white;
	text-decoration:none;
}

#header1tr1td0 a:hover {
	color:red;
}

#header1tr1td1 {
	float:right;
}

#header1tr1td1 a {
	color:white;
	text-decoration:none;
}

#header1tr1td1 a:hover {
	color:red;
}

#header1tr2td1 {
	float:left;
}

#header1tr2td2 {
	float:right;
	color:white;
}

#header1tr2td2 a {
	color:white;
	text-decoration:none;
}

#header1tr2td2 a:hover {
	color:red;
}

#header2 {
	background-color:#002d42;
/*	width:100%;*/
	width:1215px;
	margin:auto;
	height:60px;
}

#header2ul {
	list-style-type: none;
	margin: auto;
	padding: 0;
	width:1200px;
	height:60px;
	overflow: hidden;
}

#header2li1 {
	float: left;
}

#header2li1 a {
	display: block;
	color: white;
	text-align: center;
	padding: 21px 10px;
	text-decoration: none;
}

#header2li1 a:hover {
	background-color: #066492;
}

#header2btn {
	float: right;
	color: white;
	height:60px;
	font-family:roboto;
	font-size:18px;
	background-color:#002d42;
	border:0;
	outline:0;
}

#header2tb {
	float: right;
	height:40px;
	margin-top:8px;
	width: 200px;
}



#header3 {
	height: 10px;
/*	width:100%;*/
	width:1215px;
	margin:auto;
	background-color:white;
}


/* ================================================= */
/*                       index.php                   */
/* ================================================= */

#web1index {
  width:1210px;
  margin:auto;
  border: none;
 /* min-height:900px;*/
}

#web1index_body {
	width:890px;
	min-height:500px;
	background-color:gray;
	border:solid;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
}


/* ================================================= */
/*                       footer                      */
/* ================================================= */

#footer1 {
	position:static;
	background-color:#002d42;
/*	width:100%;*/
	width:1215px;
	margin:auto;
	height:80px;
}

#footer2 {
	background-color:#074f89;
/*	width:100%;*/
	width:1215px;
	margin:auto;
	/*height:160px;*/
}

a.footerDeco:link {
	text-decoration:none;
	color:black;
	line-height:1.6;
}

a.footerDeco:visited {color:black;}
a.footerDeco:active {color:black;}

a.footerDeco:hover {
	font-weight:bold;
	color:red;
}


/* ================================================= */
/*              general_table용 table                  */
/* ================================================= */

#general_table {    
    border: 1px solid #ddd;
	border-collapse: collapse;
	margin:0px 0px 0px 30px;
}

/* TR 색 지정 */

#general_table tr:nth-child(even){background-color: #d5d5d5}

/* TH */

#general_table th {
    text-align: center;
    padding: 8px;
    background-color: #928d8d;
    color: white;
}

/* TD */

#general_table td {
    text-align: left;
    padding: 8px;
}


/* ================================================= */
/*                       common                      */
/* ================================================= */

#title1 {
	border-style: none none solid none;
	border-width: 2px;
	border-color: black;
}

.btn1 { /* button용 */
	width:200px;
	height:50px;
	margin:50px 0 0 0;
	border-radius:25px;
	background-color:#208fd3;
	color: white;
	cursor:pointer;

}

.btn1:hover { /* button용 */
	box-shadow: 5px 5px 5px #aaaaaa;
}