@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*--------------------전체공통--------------------*//

html, body,div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}
form, fieldset, p {margin:0;padding:0;border:0;}

body {font-family:"나눔고딕",Nanum Gothic,'돋움','Arial', sans-serif; font-size:12px; color:#333;  line-height:18px; padding:0px;margin:0px;}

img {border:0;vertical-align:middle;outline:none;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
select {border:1px solid #ccc; height:22px; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; background:#fff; color:#666666; font-size:12px; margin-right:3px;vertical-align:top;}
input {border:1px solid #ccc; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; background:#fff; color:#666666; font-size:12px;vertical-align:middle;}
textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none;}
address{font-style:normal;}

A:link{font-size:1em; text-decoration:none;color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}
A:active{font-size:1em; text-decoration:none;color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}
A:visited{font-size:1em;text-decoration:none;color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}
A:hover{font-size:1em; text-decoration:none; color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}


h1 { font-size:15px; font-weight:bold; color:#000000; margin-bottom:15px; }
h4 { font-size:15px; font-weight:bold; color:#000000; margin-bottom:15px; margin-top:30px;}
h2 { font-size:13px; font-weight:bold; margin-bottom:10px; }



 
/* input-type */
.input{
	height:12px;
	padding:4px 0 0 8px;
 	border:1px solid #E0E0E1;
	font-size:11px;color:#787878;font-family:"나눔고딕",Nanum Gothic,'돋움',dotum;
	margin:3px 0;
}


.input2{
	height:14px;
	padding:4px 0 0 8px;
 	border:0px solid #E0E0E1;
	font-size:11px; color:#787878;font-family:"나눔고딕",Nanum Gothic,'돋움',dotum;
	margin:3px 0;
}

.input3{
	height:32px;
	padding:4px 0 0 8px;
 	border:0px solid #E0E0E1;
	font-size:11px; color:#787878;font-family:"나눔고딕",Nanum Gothic,'돋움',dotum;
	margin:3px 0;
}

.input_login{
	height:30px;
	padding:4px 0 0 8px;
 	border:1px solid #E0E0E1;
	font-size:11px; color:#787878;font-family:"나눔고딕",Nanum Gothic,'돋움',dotum;
	margin:3px 0;
}


select{height:19px; font-size:12px; color:#7A7A7A; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; border:1px solid #E0E0E1;}
.select2{height:21px; font-size:12px;color:#7A7A7A; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; border:1px solid #abadb3;}



/* 테이블_공통 */
#sub_boody .gray table { width:700px; border-TOP:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; }
#sub_boody .gray table td{height:36px; padding:4px 0 0 10px; border:1px solid #e4e4e4;}
#sub_boody .gray table .t_bg{ background-color:#f1f1f1; font-weight:bold; text-align:center;}
#sub_boody .gray table .t_bb{ font-weight:bold;}


.gray2 table { width:700px; border-TOP:2px solid #0168b7; border-bottom:1px solid #e4e4e4; }
.gray2 table td{height:35px; padding:4px 0 0 10px; border-bottom:1px solid #e4e4e4;}
.gray2 table th{height:37px; padding:4px 0 0 10px; background-color:#f7f6fb; border-bottom:1px solid #e4e4e4;}
.gray2 table .t_bg{ background-color:#f1f1f1; font-weight:bold; text-align:center;}
.gray2 table .t_bb{ font-weight:bold;}



/* 커서 */
.cursor {cursor:pointer; }


/*--------------------메인 및 공통영역--------------------*/

.outline{width:100%; margin:0 auto; text-align:center; }
.wrap{width:100%; margin:0 auto; text-align:center; }

.topmenu{width:100%; margin:0 auto; height:133px; padding-top:6px;}
.topmenu .menutop{width:970px; margin:0 auto; text-align:left; }
.topmenu .menu{width:100%; margin:0 auto; text-align:center; height:47px; background:#0168b7; color:#FFFFFF; clear:both;}
.topmenu .menu ul{width:970px; margin:0 auto; text-align:center; padding-top:13px;}
.topmenu .menu li{width:138px; float:left; text-align:center;}


.menutop{width:970px; margin:0 auto;}
.menutop .baner{float:left; width:350px; height:61px; padding-top:10px;}
.menutop .logo{float:left; padding-top:4px;}
.menutop .fav{float:right; padding-top:40px;}


.main_img{width:970px; margin:0 auto; text-align:left; overflow:hidden; clear:both;}
.main_img li{float:left;}
.main_img .mleft{width:219px;}
.main_img .mleft table{border:2px solid #0168b7;}
.main_img .smenu li{width:160px; padding-left:10px; text-align:left;}
.main_img .b_line{border-bottom:1px solid #e7e7e7;}
.main_img .mleft td{padding-left:15px;}
.main_img .mcenter{width:519px;}
.main_img .mright{width:217px; float:right;}
.main_img .login{width:217px;}
.main_img .out{border:1px solid #85a2ce; text-align:right;}

.sub_ny{width:970px; margin:0 auto; clear:both; text-align:left;}
.sub_left{width:218px; text-align:left; float:left;}
.sub_ny .smenu li{width:160px; padding-left:10px; text-align:left;}
.sub_ny .mleft{width:219px;}
.sub_ny .mleft table{border:2px solid #0168b7;}
.sub_ny .mleft td{padding-left:15px;}
.sub_ny .b_line{border-bottom:1px solid #e7e7e7;}
.sub_main{
	width:392px;
	text-align:left;
	float:right;
	padding:15px;
}

.sub_main2{width:722px; float:right;}
.sub_main3{width:722px; float:right;}

.product{width:970px; margin:0 auto; text-align:left; clear:both; margin-top:30px; }
.product table{clear:both; }
.product .line01{border:2px solid #3677c9;}
.product .line02{border:2px solid #36a8c9;}
.product .line03{border:2px solid #c96f36;}
.product .line_r{border-right:1px solid #cbcbcb; padding:10px;}
.product .title{ font-size:16px; font-weight:bold; width:600px; height:36px; position:relative; float:left;}
.product .view{ float:right; padding-top:14px;}
.product .p_title{font-weight:bold;}

.customer{margin:0 auto; clear:both; width:938px; margin-top:20px;  border:1px solid #cbcbcb; padding:15px; text-align:center;}
.customer .title{ font-size:16px; font-weight:bold; border-bottom:1px solid #cbcbcb; height:25px; padding-top:8px; padding-bottom:8px; width:295px;}
.customer .title2{ font-size:16px; font-weight:bold; border-bottom:1px solid #cbcbcb; height:25px; padding-top:8px; padding-bottom:8px; width:231px;}


.copyr{width:100%; margin:0 auto; margin-top:20px; clear:both;}
.copyr .ny{width:970px; margin:0 auto; text-align:left; clear:both;}
.copyr .ny2{width:970px; margin:0 auto; text-align:left; clear:both; padding-top:10px;}
.copyr .copy_menu{width:100%; border-top:2px solid #818181; border-bottom:1px solid #d3d3d3; height:50px;}
.copyr li{ float:left;}
.copyr .baner{ float:right; text-align:right; }
.copyr .baner img{padding-left:5px; padding-top:5px;}
.copyr .copy{clear:both; width:970px; height:25px; font-weight:bold;}
.copyr .menu{ font-size:14px; font-weight:bold; padding-top:15px;}

.sub_title{ width:100%;  border-bottom:1px solid #cbcbcb; height:30px; margin-bottom:15px;}
.pro_title{ width:100%; font-size:16px; font-weight:bold; height:30px; color:#005799;}


/* 멤버쉽 */
.login {border:1px solid #d2d2d2;}
.join_ok_t { font-weight:bold; font-size:13px;}
.hr {background-color:#d6d7d9; height:1px;}
.search {border-top:1px solid #c98c0b; border-bottom:1px solid #c98c0b;}
.idpw { font-weight:bold;}