@charset "utf-8";
/* CSS Document */



* { margin:0; padding:0; border:0; color:#646464; font-size:15px; line-height:130%; font-family: 'Nanum Barun Gothic'; font-weight:400;  -webkit-text-size-adjust: 100%; }

html{height:100%;}
body{ width:100%; display:block; height:100%; position:relative; } 
.clear { clear:both; }
.wrapper { min-height:100%; position:relative; width:100%; overflow-x:hidden;}


/* All 모든 디바이스에 공통으로 적용되는 스타일 */
section, menu, article, aside, footer, header, figure, figcaption, nav, details, canvas, audio, video, output, hgroup {display:block}
.skip{display:none}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em{margin:0; padding:0}
dl,ul,ol{list-style:none;}
fieldset,img {border:none; margin:0; padding:0;}
input { border:1px solid #d8d7d7; vertical-align:middle; font-size:13px; padding:6px; font-family:"돋움", Arial; }
input[type="image"] {border:0px; padding:0px; }
select { margin:0 2px 0px 0px; padding:0; border:1px solid #abadb3; vertical-align:middle; }
div { padding:0; margin:0; }
p { margin:0; padding:0; }
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:visited { text-decoration:none; }
caption { width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1; }
table {border-spacing:0;border-collapse:collapse;empty-cells:show; border:none; margin:0; padding:0; }
/* All 모든 디바이스에 공통으로 적용되는 스타일 */


.top_area { width:100%; height:40px; background:url('img/top_pattern.png'); z-index:1; position:relative; }
.top_title { color:#fff;  font-size:21px; line-height:40px; vertical-align:middle; font-weight:bold; padding-left:30px;}
.login_area { position:absolute; right:30px; top:8px; color:#fff; line-height:23px; vertical-align:middle; }
.login_area img { margin-top:-2px; margin-right:3px; vertical-align:middle;  }

.loginform_input { width:90px;height:19px;margin-right:3px;padding:1px;border:1px solid #aaa;background: #ffffff; border-radius:4px; }




.footer_area_wrapper { position:absolute; bottom:0px; width:100%; border:0px solid #f00; border-top: 1px solid #ddd; background:#eee; height:30px; }  /*가로선 , float 없앰 */
.footer {  line-height:30px; vertical-align:middle; color:#303030; text-align:center; width:100%; font-size:11px; }

.mid_area { 
	position:relative;
	padding-bottom:70px; bottom:0px; top:0px; height:100%; width:100%; min-width: 990px; border:0px solid #f0f; white-space:nowrap; }

.menu_wrapper { height:100%; background:#fafafa; border-right:1px solid #7d7d7d; width:175px; float:left; padding-top:25px; margin-right:20px;}
.parent_menu li { background:url('img/red_point.png') 11px 9px no-repeat; height:18px; padding:5px; padding-left:28px;}
.parent_menu li a { color:#000; font-weight:bold; }
.child_menu li { background:url('img/gray_point.png') 18px 8px no-repeat; height:18px; padding:1px; padding-left:30px;}
.child_menu li a { color:#646464; font-weight:normal; }
.child_menu li.currentmenu { background:url('img/pink_point.png') 18px 8px no-repeat; }
.child_menu li.currentmenu a { color:#ff494e; font-weight:bold; }


.menu_divider { width:175px; height:2px; margin: 10px 0px; background:url('img/h_line.png') 0px 0px no-repeat; }

.menu_background { position:absolute; top:0px; height:100%; background:#fafafa; border-right:1px solid #7d7d7d; width:175px; z-index:-1;} /* menu가 길지 않아 배경이 깔리지 않는 문제를 해결 */
.mid_content_area { border:0px solid #f00; float:left; width:790px; }



/* 오른쪽 내용에서 하나의 단락과 그 제목 */
.one_paragraph { margin-top:20px; width:100%; }
.one_paragraph>.title { color:#303030; font-size:21px; font-weight:bold; width:100%; padding-bottom:10px;  border-bottom:2px solid #303030; margin-bottom:25px;}

/* 로그인 안했을때 경고 메시지 */
.login_warning { margin-top:20px; width:100%; }

/* 사진 다운로드 받기 표 */
.photodownload { width:100%; }

.photodownload td { height:40px; padding:0px 5px; line-height:40px; text-align:center; vertical-align:middle; }
.photodownload td img { vertical-align:middle;}
.photodownload tr { border-bottom:1px solid #e3e3e3;  }
.photodownload tr.head { background:#969696; border-bottom:0px; }
.photodownload tr.head td{ color:#fff; background:#969696; }
.photodownload tr.head td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right:1px solid #969696;}
.photodownload tr.head td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left:1px solid #969696;}


.photodownload_annual_guide { text-align:center; margin-bottom:10px; }

/* 개인정보 수정 테이블 */
.common_info_form { text-align:center; }
.common_info_form img { float:none; }
.common_info_form input[type="image"] { padding:0px; border:0px; }
.common_info_form input[type="file"] { padding:0px; border:0px; }
.common_info_form input[type="text"] { padding:3px; }
.common_info_form input[type="password"] { padding:3px; }
.common_info_form input[type="radio"] { margin:-3px 3px 0px;}
.common_info_form input[type="checkbox"] { margin:-3px 3px 0px;}

.common_info_infotable { table-layout:fixed; margin-bottom:40px; }
.common_info_infotable.with_bottom_button { margin-bottom:20px; }

.common_info_infotable td.q { height:28px;text-align:center; background:#eee; width:170px; }
.common_info_infotable td.a { height:28px;text-align:left; background:#fff; width:605px; }
.common_info_infotable td { border:1px solid #ddd; padding:3px 10px;}
.common_info_infotable div.address_form { white-space:normal; }
.common_info_infotable div.address_form input { margin-top:2px; margin-bottom:3px;}

.common_info_infotabletitle { font-size:18px; color:#303030; text-align:left; padding-left: 17px; background:url('img/graybox_point.png') left 5px no-repeat; margin-bottom:5px;  }




/* ----------------------------------------------------------------------------------------------------------------------------------------- common 그라데이션 버튼 시작*/
.gradationbutton {
 cursor:pointer;
 border-radius:3px;
 height:26px;
 padding:1px 8px 0 8px;
 border:1px solid #aaaaaa;
 color:#464646;
 letter-spacing:0px;
font-family: 'Nanum Barun Gothic'; 

 text-align:center;
 box-shadow:0 1px 0 rgba(0, 0, 0, .1);
 -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
 -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);

 background: linear-gradient(#fff, #e5e5e5); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
 background: -webkit-linear-gradient(top, #fff, #e5e5e5); 
 background: -moz-linear-gradient(top, #fff, #e5e5e5); 

 }
 
 /* ----------------------------------------------------------------------------------------------------------------------------------------- common 그라데이션 버튼 끝*/