@charset "UTF-8";
@import "neopubl.css";
@import "neopubl01.css";
@import "neopubl02.css";
@import "gnb.css";
@import "style.css";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p { margin:0; padding:0; }
body, * { font-family: verdana,arial; }

fieldset,img { border:0; }
address,caption,cite,code,dfn,em,var { font-style: normal; font-weight:normal; }
ol,ul { list-style:none; }
caption { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { border: 0:none;}
input.main_search { width: 266px; }

html { height: 100%; }
body { text-align: left; }
body, * { font-size: 11px; color: #666; }

h1 { font-size: 11px; }
h2, h3, h4  { font-size: 12px; }

a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #ff7017; }
a.skip { position: absolute; height: 0; line-height: 0; overflow: hidden; left: -1000em; }


.clear { clear: both; }
.vam { vertical-align: middle; }
.bold { font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.underline { text-decoration: underline; }
.ofh { overflow: hidden; }
.vam { vertical-align: middle; }
.dpn { display: none; }
.float_left { float: left; }
.float_center { float: center; }
.float_right { float: right; }
.ls-1 { letter-spacing: -1px; }
.ls-15 { letter-spacing: -1.5px; }
.po_re { position: relative; }

/********** 레이아웃 *************/

#container { width: 100%; overflow: hidden; }
#header { position: relative; width: 100%; height: 124px; background: url(/EPIK/images/main/head_bg.gif) no-repeat top left; margin-bottom: 22px; overflow: hidden;  } 
#main { position: relative; width: 972px; margin-left: 11px; overflow: hidden;  }
#snb { width: 155px; float: left; margin: 1px 0 0 3px; }
#contents { width: 793px; float: right; margin-bottom: 30px; overflow: hidden;  }
#footer { position: relative; width: 100%; height: 100px; background: url(/EPIK/images/main/footer_bg.gif) repeat-x top left; clear: both;  }


/* 헤더 부분 */
#top_gnb { position: absolute; top: 24px; left: 540px; width: 500px; height: 18px; font-size: 11px; }
#top_gnb ul { height: 18px; float: left; }
#top_gnb input { width: 123px; height: 18px; border: 1px solid #dce0e6; }
#top_gnb ul li { float: left; margin-right: 6px; }
#top_gnb .bullet_top { padding-left: 7px; background: url(/EPIK/images/main/top_gnb02.gif) no-repeat 0 50%; }

#right_bg { position: absolute; top: 146px; left: 983px;width: 40.8%; height: 130px; background: #f6f6f6; }
#main_right_bg { position: absolute; top: 173px; left: 983px; width: 41.35%; height: 197px; background: #f6f6f6; }





/* 사이드 네비게이션 */
#snb .top { width: 155px; height: 34px; }
#snb .snb01 { width: 155px; background: url(/EPIK/images/main/snb02.gif) no-repeat top left; color: #18485e; }
/*#snb .snb01 { width: 155px; height: 24px; background: url(/EPIK/images/main/snb02.gif) no-repeat top left; color: #18485e; }*/
#snb .snb01 a { width: 140px; padding-left: 20px; line-height: 22px; font-weight: bold; }
#snb .snb02 { width: 155px; height: 24px; background: url(/EPIK/images/main/snb03.gif) no-repeat top left; color: #18485e; }
#snb .snb02 a { width: 140px; padding-left: 16px; line-height: 22px; font-weight: normal; }
.snb_video { padding-left: 11px; background: url(/EPIK/images/main/bullet01.gif) no-repeat 1px 50%; font-size: 13px; }
#snb .snb03 { width: 155px; height: 24px; background: url(/EPIK/images/main/snb04_3s.gif) no-repeat top left; color: #18485e; }
#snb .snb03 a { width: 140px; padding-left: 24px; line-height: 22px; font-size: 11px; font-weight: normal; }

#sm01 {display:none}
#sm02 {display:none}
#sm03 {display:none}
2009-07-17
/* 메인 컨텐츠 */
#contents #contents_main { width: 793px;}


/* 메인 왼쪽 */
#contents #contents_main #part01 { width: 363px; height: 282px; float: left; }
#contents #contents_main #part01 .tab { position: relative; width: 347px; height: 20px; clear: both; }
#contents #contents_main #part01 .more { margin-top: 5px; position: absolute; left: 315px; }
#contents #contents_main #part01 .tab_contents { width: 363px; clear: both; }
#contents #contents_main #part01 .tab_contents .tab_box01 { width: 363px; height: 18px;  background: url(/EPIK/images/main/tab_box01.gif) no-repeat; }
#contents #contents_main #part01 .tab_contents .tab_box02 { width: 363px; height: 16px;  background: url(/EPIK/images/main/tab_box02.gif) no-repeat bottom left; }
#contents #contents_main #part01 .tab_contents .tab_box03 { width: 363px; background: url(/EPIK/images/main/tab_box03.gif) repeat-y; }
#contents #contents_main #part01 .tab_contents .tab_text { float: left; width: 270px; margin-left: 3px; }

/* 메인 오른쪽 */
#contents #contents_main #part02 { width: 392px; height: 282px; float: right; }
#contents #contents_main #part02 .top_title { width: 392px; height: 28px; line-height: 28px; background: url(/EPIK/images/main/top_title_bg.gif) no-repeat top right; } 
#contents #contents_main #part02 .photo { width: 392px; height: 52px; }
#contents #contents_main #part02 .photo .picture { width: 76px; height: 48px; border: 2px solid #d9d9d8; margin-right: 8px; }
#contents #contents_main #part02 .photo .division { width: 1px; height: 52px; margin-right: 8px; }

#contents #contents_main #part02 .newsletter { float: left; width: 199px; }
#contents #contents_main #part02 .newsletter h2 { margin: 0 0 5px 10px; }
#contents #contents_main #part02 .newsletter .newsletter_bg { width: 199px; height: 24px;  background: url(/EPIK/images/main/newsletter_bg.gif) no-repeat; }
#contents #contents_main #part02 .newsletter .newsletter_bg .title { position: relative; top: 15px; left: 17px; ; font-weight: bold; color: #000; }
#contents #contents_main #part02 .newsletter .newsletter_bg01 { width: 199px; height: 100px; background: url(/EPIK/images/main/newsletter_bg01.gif) repeat-y; padding-top: 10px; }
#contents #contents_main #part02 .newsletter .newsletter_bg01 div { width: 180px; margin-left: 10px; }
#contents #contents_main #part02 .newsletter .newsletter_bg01 div img { float: left; margin-right : 10px; }
#contents #contents_main #part02 .newsletter .newsletter_bg01 .more { position: relative; top: 0; left: 170px; }
#contents #contents_main #part02 .newsletter .newsletter_bg02 { width: 199px; height: 18px;  background: url(/EPIK/images/main/newsletter_bg02.gif) no-repeat; }

#contents #contents_main #part02 .community { float: right; width: 177px; height: 170px; }
#contents #contents_main #part02 .community h2 { margin: 0 0 5px 10px; }
#contents #contents_main #part02 .community .community_text { width: 166px; border-top: 1px solid #c2dfcb; margin: 0 0 10px 3px; padding-top: 10px; }
#contents #contents_main #part02 .community .community_text  img { float: left; margin-right : 6px; }


/* 패밀리 사이트 */
#family {padding-left: 24px;  width: 980px; height: 35px; clear: both; margin-bottom: 15px; }
#family ul { width: 980px; height: 35px; float: left; }
#family ul li { float: left; width: 120px; height: 35px; margin-right: 10px; }


/* 푸터 */
#footer .epik_footer { position: absolute; top: 38px; left: 57px; width: 82px; height: 27px; }
#footer .footer_con { width: 784px; height: 100px; margin-left: 199px; padding-top: 1px; }
#footer .footer_con #niied { position: absolute; top: 26px; left: 919px; width: 56px; height: 38px; }
#footer .footer_con select { height: 17px; } 
#footer .footer_con .footer_img img { margin-right: 3px; }

.pdt_1 {padding-top: 1px; }

.mgt_m1 { margin-top: -1px; }
.mgt_8 {margin-top: 8px; }
.mgt_10 {margin-top: 10px; }
.mgt_23 { margin-top: 23px; }

.mgb_3 { margin-bottom: 3px; }
.mgb_5 { margin-bottom: 5px; }
.mgb_7 { margin-bottom: 7px; }
.mgb_9 { margin-bottom: 9px; }
.mgb_16 { margin-bottom: 16px; }
.mgb_18 { margin-bottom: 18px; }
.mgb_24 { margin-bottom: 24px; }
.mgb_27 { margin-bottom: 27px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_80 { margin-bottom: 80px; }

.mgl_1 { margin-left: 1px; }
.mgl_7 { margin-left: 7px; }
.mgl_10 { margin-left: 10px; }
.mgl_12 { margin-left: 12px; }
.mgl_16 { margin-left: 16px; }
.mgl_60 { margin-left: 60px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_88 { margin-left: 88px; }
.mgl_130 { margin-left: 130px; }
.mgl_220 { margin-left: 220px; }

#snb .c177 {color: #177f7b; font-size: 13px; }


.w111 { width: 111px; }
.w128 { width: 128px; }
.w189 { width: 189px; }

/*바로가기 메뉴*/
.skipnavigation { display: none; }



/* 패딩 */
.pdt_10 { padding-top: 10px; }
.pdl_60 { padding-left: 60px; }
.pdl_45 { padding-left: 45px; }
.pdl_40 { padding-left: 40px; }
.pdl_35 { padding-left: 35px; }
.pdl_30 { padding-left: 30px; }
.pdl_25 { padding-left: 25px; }
.pdl_20 { padding-left: 20px; }
.pdl_15 { padding-left: 15px; }
.pdl_10 { padding-left: 10px; }
.pdl_5 { padding-left: 5px; }
.pdl_100 { padding-left: 100px; }

.pdb_15 { padding-bottom: 15px; }

.pdt_5 { padding-top: 5px; }



/* 마진 */
#con_main .mgb_16 { margin-bottom: 16px; }

.mgt_3 {margin-top: 3px; }
.mgt_20 { margin-top: 20px; }
.mgl_10 { margin-left: 10px; }
.mgl_82 { margin-left: 82px; }
.mgr_3 { margin-right: 3px; }
.mgr_10 { margin-right: 10px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgb_3 { margin-bottom: 3px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_200 { margin-bottom: 200px; }

/* 높이 */
.h17 { height: 17px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h90 { height: 90px; }
.h140 { height: 140px; }
.h200 { height: 200px; }

/* 넓이 */
.w5 { width: 5%; }
.w13 { width: 13%; }
.w15 { width: 15%; }
.w18 { width: 18%; }
.w20 { width: 20%; }
.w23 { width: 23%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w47 { width: 47%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w67 {width: 67%; }
.w70 { width: 70%; }
.w86 { width: 86%; }
.w100 { width: 100%; }

.w53px { width: 53px; }
.w110 { width: 110px; }
.w200 { width: 200px; }
.w264 { width: 264px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w380 { width: 380px; }
.w585 { width: 585px; }
.w600 { width: 600px; }
.w625 { width: 625px; }
.w677 { width: 677px; }

/* 칼라 */
.c45a { color: #4556ac; }
.cf00 { color: #ff0000; }
.cf30 { color: #ff3300; }
.c281 { color: #288e18; }
.c159 { color: #1c5898; }
.c56c { color: #516ac4; }
.c77c { color: #7b79c1; }
.c444 { color: #404040; }
.clink { color: #00ff00; }
.cgnb { color: #00ff00; font-size: 16px; }


/* 폰트사이즈 */
.fs00 { font-size: 0px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs18 { font-size: 18px; height: 30px; padding-top: 3px; font-weight: bold;}
.fs20 { font-size: 20px; height: 50px; padding-top: 3px; }
.fs24 { font-size: 18px; color: #46734f; }
.fs16 { font-size: 16px; height: 30px; padding-top: 3px; font-weight: bold;}
.fs14 { font-size: 14px; height: 30px; padding-top: 3px; font-weight: bold;}

/* 불릿 기호*/
.bullet01 { padding-left: 16px; background: url(/EPIK/images/common/bullet01.gif) no-repeat left 6px; margin-bottom: 3px; }
.bullet02 { padding-left: 8px; background: url(/EPIK/images/common/bullet02.gif) no-repeat left 9px; }
.bullet03 { padding-left: 6px; background: url(/EPIK/images/main/bullet03.gif) no-repeat left 3px; }
.bullet04 { padding-left: 20px; background: url(/EPIK/images/common/bullet04.gif) no-repeat left 7px; width: 98%; }
.bullet07 { padding-left: 15px; background: url(/EPIK/images/common/bullet07.gif) no-repeat left 50%;}



/* 서브페이지 틀 잡기 */
#contents #contents_sub { width: 793px; background: url(/EPIK/images/home/con_bg.gif) no-repeat left top; }
#contents_sub .title_area { width: 793px; height: 45px; position: relative; }
#contents_sub .title_area h1 { position: absolute; top: 21px; left: 38px; padding-left: 14px; padding-top: 2px; width: 400px; height: 18px; background: url(/EPIK/images/home/bullet_tit.gif) no-repeat left top;}
#contents_sub .title_area .site_navi { position: absolute; top: 25px; right: 35px; width: 400px; float: right; text-align: right; }
#contents_sub .title_area .site_navi li { float: right; margin-right: 6px; }
.bar_tit { text-align: center; margin-bottom: 38px; }
#contents_sub #con_main { margin-left: 56px; width: 690px;line-height:20px; }



/* 리스트 게시판 */

.table677 { width: 677px; }
.table677 th { color: #55a57e; }
.tit_bg { width: 677px; height: 25px; background: url(/EPIK/images/list/list_tit_bg01.gif) repeat-x; }
.tit_bg01 { width: 677px; height: 25px; background: url(/EPIK/images/list/list_tit_bg.gif) no-repeat left top;}
.tit_bg02 { width: 677px; height: 25px; background: url(/EPIK/images/list/list_tit_bg02.gif) no-repeat right top; padding-top: 4px; }

.table667 { width: 667px; }
.table667 th { border-bottom:1px dashed; padding: 5px; }
.table667 td { border-bottom:1px dashed; padding: 5px; }
.table667 td.pdb30 { padding-bottom: 30px; }
.table667 td.last { padding: 30px 5px; border: 0; }
.table667 td.last01 {  border: 0; }


/*   리스트 스타일 1 */
.left { text-align: left !important;}
.border_01 { border-bottom: 3px solid #f1f1f1; }
.border_02 { border-bottom: 1px solid #e9e9e9;}
.table677 { width:677px; border-collapse: collapse; }
.table677 thead { height: 25px;}
.table677 thead th { color: #55a57e;}
.table677 td { border-bottom:1px dashed; padding: 10px; text-align: center;}
.tit_bg01_01 { width: 677px; height: 25px; background: url(/EPIK/images/list/list_tit_bg.gif) no-repeat left top;}
.tit_bg02_01 { width: 677px; height: 25px; background: url(/EPIK/images/list/list_tit_bg02.gif) no-repeat right top; }
.write_but{ position: absolute; top: -10px; right: 20px; width: 67px; height: 23px; }

#file_area { width: 677px; background: url(/EPIK/images/list/bottom_line.gif) no-repeat left bottom; padding: 5px; }
/* 리스트 스타일 2 */
#text_area { width: 677px; background: url(/EPIK/images/list/bottom_line.gif) no-repeat left bottom; padding: 5px; }

/* 리스트 스타일 3 */
#text_area01{ width: 677px; border-top: 1px solid #f2f2f2; background: url(/EPIK/images/list/bottom_line.gif) no-repeat left bottom; padding: 30px 8px; }
.text_area01{ width: 677px; border-top: 1px solid #f2f2f2; background: url(/EPIK/images/list/bottom_line.gif) no-repeat left bottom; padding: 30px 8px; }
.pic_band { width: 146px; height: 112px; background: url(/EPIK/images/list/picture_box.gif) no-repeat left top; margin-bottom: 10px; }
.pic_area {width: 134px; height: 100px; margin: 6px; }

/* 리스트 스타일 4 */
.editer { height: 340px; }

/* 리스트 스타일 5 */
.table667 #writer { width: 163px; height: 19px; border-color: #e3e3e3; }
.table667 #password { width: 163px; height: 19px; border-color: #e3e3e3; margin-left: 28px; }
.table667 #search01 { width: 163px; height: 19px; border-color: #e3e3e3; }
.table667 .search01 { width: 163px; height: 19px; border-color: #e3e3e3; }
#text_area03 { width: 677px; border-top: 1px solid #f2f2f2; background: url(/EPIK/images/list/bottom_line.gif) no-repeat left bottom; padding: 0 8px 15px 8px; margin-bottom: 10px; }

/* 넘버링 부분 */
.page_area { text-align: center; clear: both; margin-top: 20px; }
.page_area img, .page_area a { margin-right: 3px; }

/* 로그인 부분*/
#login { position: relative; width: 509px; height: 246px; background: url(/EPIK/images/login/login_bg01.gif) repeat-y left top; }
#login01 { position: relative; width: 509px; height: 246px; background: url(/EPIK/images/login/login_bg.gif) no-repeat left top; }
#login02 { position: relative; width: 509px; height: 246px; background: url(/EPIK/images/login/login_bg02.gif) no-repeat left bottom; }

#login_01 { position: relative; width: 509px; height: 260px; background: url(/EPIK/images/login/login_bg01.gif) repeat-y left top; }
#login01_01 { position: relative; width: 509px; height: 260px; background: url(/EPIK/images/login/login_bg.gif) no-repeat left top; }
#login02_01 { position: relative; width: 509px; height: 260px; background: url(/EPIK/images/login/login_bg02.gif) no-repeat left bottom; }

.login_tit01 { position: relative; top: 24px; left: 31px; width: 443px; height: 152px; }
.login_tit02 { height: 31px; border-bottom: 1px dotted #909090; }

.login_con { position: relative; top: 20px; left: 49px; }
.login_con p #user { margin-left: 29px; width: 175px; height: 20px; }
.login_con p #password { margin-left: 11px; width: 175px;  height: 20px; }
.login_but { position: absolute; top: 0px; left: 269px; }

.request { position: relative; top: 18px; left: 36px; width: 443px; height: 213px; }
.request_tit { height: 88px; border-bottom: 1px dotted #909090; margin-bottom: 13px; }
.request p #id { width: 175px; height: 20px; margin-left: 30px; margin-bottom: 2px; }
.request p #name { width: 175px; height: 20px; margin-left: 11px; margin-bottom: 2px; }
.request p #e-mail { width: 175px; height: 20px; margin-left: 8px; margin-bottom: 2px; }
.request p #year { width: 75px; height: 18px; }
.request p #month, .request p #day { width: 50px; height: 18px; }

.confirm_line01 {width: 674px; height: 227px; border-top: 1px solid #f1efe2; border-left: 1px solid #f1efe2; border-right: 1px solid #716f64; border-bottom: 1px solid #716f64; }
.comfirm_line02 {width: 672px; height: 225px; border-top: 1px solid #716f64; border-left: 1px solid #716f64; border-right: 1px solid #f1efe2; border-bottom: 1px solid #f1efe2; }
.join_top { position: relative;  width: 676px; height: 85px; background: url(/EPIK/images/login/join_img.gif) no-repeat left top; margin-bottom: 13px; }
.join_top01 { position: absolute; top: 16px; left: 100px;  width: 540px; height: 57px; }

.join { position: relative; width: 676px; height: 660px; background: url(/EPIK/images/login/join_bg01.gif) repeat-y left top; margin-left: 5px; margin-bottom: 10px; }
.join01 { position: relative; width: 676px; height: 660px; background: url(/EPIK/images/login/join_bg.gif) no-repeat left top; }
.join02 { position: relative; width: 676px; height: 660px; background: url(/EPIK/images/login/join_bg02.gif) no-repeat left bottom; }
.join_con { position: relative; width: 631px; margin-left: 23px; }

.join_02 { position: relative; width: 676px; background: url(/EPIK/images/login/join_bg01.gif) repeat-y left top; margin-left: 5px; margin-bottom: 10px; }
.join01_02 { position: relative; width: 676px; background: url(/EPIK/images/login/join_bg.gif) no-repeat left top; }
.join02_02 { position: relative; width: 676px; background: url(/EPIK/images/login/join_bg02.gif) no-repeat left bottom; }
.join_con_02 { margin: 0 25px 0 25px; padding: 25px 0; }

.table630 { width: 630px; }
.table630 table { width: 630px; border: 1px solid #f3f3f3; border-collapse: collapse; }
.table630 tr { height: 30px; }
.table630 th { background: #f8f8f8; border-bottom: 1px solid #f3f3f3; font-weight: normal; text-align: left; padding-left: 10px; color: #000; }
.table630 th label { color: #000; }
.table630 td { border-bottom: 1px solid #f3f3f3; padding-left: 10px; }

.table630 #id { width: 119px; height: 18px; border-color: #e3e3e3; }
.table630 #Password { width: 119px; height: 18px; border-color: #e3e3e3; }
.table630 #Retype_Password { width: 119px; height: 18px; border-color: #e3e3e3; }
.table630 #name { width: 119px; height: 18px; border-color: #e3e3e3; }
.table630 #birth_date { width: 75px; height: 18px; }
.table630 #month { width: 43px; height: 18px; }
.table630 #day { width: 43px; height: 18px; }
.table630 #adress { width: 150px; height: 18px; border-color: #e3e3e3; }
.table630 #adress01 { width: 51px; height: 18px; border-color: #e3e3e3; }
.table630 #adress02 { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #adress03 { width: 300px; height: 18px; border-color: #e3e3e3; }

.table630 #country { width: 328px; height: 18px; }
.table630 #state { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #home { width: 120px; height: 18px; border-color: #e3e3e3; margin-left: 37px; }
.table630 #office { width: 120px; height: 18px; border-color: #e3e3e3; margin-left: 37px; }
.table630 #cell { width: 120px; height: 18px; border-color: #e3e3e3; margin-left: 9px; }
.table630 #email { width: 120px; height: 18px; border-color: #e3e3e3; }
.table630 table .border_n { border: 0; }

.occupation label { margin-right: 15px; }

.join_01 { position: relative; width: 676px; height: 344px; background: url(/EPIK/images/login/join_bg01.gif) repeat-y left top; margin-left: 5px; margin-bottom: 15px; }
.join01_01 { position: relative; width: 676px; height: 344px; background: url(/EPIK/images/login/join_bg.gif) no-repeat left top; }
.join02_01 { position: relative; width: 676px; height: 344px; background: url(/EPIK/images/login/join_bg02.gif) no-repeat left bottom; }
.join_con_01 { position: relative; width: 631px; margin-left: 23px; }

.table630 #name01 { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #gender { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #birth_date01 { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #country01 { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #state01 { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #occupation { width: 300px; height: 18px; border-color: #e3e3e3; }
.table630 #email01 { width: 300px; height: 18px; border-color: #e3e3e3; }

/* provincial positions.*/

.search_region { width: 677px; height: 300px; margin-top: 24px; float: left; }
.search_region .region_pic { width: 328px; float: left; }
.search_region .region_text { width: 320px; height: 300px; float: right;  }

.bullet06 { padding-left: 15px; background: url(/EPIK/images/application/bullet06.gif) no-repeat left 50%; margin-top: 15px; margin-bottom: 12px; color: #000; }
.bullet02_01 { padding-left: 8px; background: url(/EPIK/images/common/bullet02.gif) no-repeat left 6px; }

.box_bg { position: relative; width: 679px;  background: url(/EPIK/images/application/box_bg01.gif) repeat-y left top; clear: both; }
.box_bg01 { position: relative; width: 679px; background: url(/EPIK/images/application/box_bg.gif) no-repeat left top; }
.box_bg02 { position: relative; width: 679px; background: url(/EPIK/images/application/box_bg.gif) no-repeat left bottom; }
.box_con { width: 639px; margin: 0 20px 0 20px; padding: 20px 0 20px 0; }

.normal { font-weight: normal; font-size: 11px; }
.c222 { color: #202020; }
.application_bg { padding-left: 15px; padding-bottom: 15px; padding-top: 5px; border-bottom: 1px dotted #b5b5b5; }
.application_bg_01 { border-bottom: 1px dotted #b5b5b5; padding-bottom: 15px; padding-top: 10px; }
.application_bg .pdl_10 .input01 { width: 100px; height: 18px; border: 1px solid #e3e3e3; background: #f6f6f6; }

.application_bg01 { width: 450px; padding-left: 15px; padding-bottom: 35px; padding-top: 5px; border-bottom: 1px dotted #b5b5b5; }
.application_bg01 #month { width: 59px; height: 18px;  border: 1px solid #e3e3e3; vertical-align: middle; }
.application_bg01 #day { width: 43px; height: 18px; border: 1px solid #e3e3e3; vertical-align: middle; }
.application_bg01 #year { width: 43px; height: 18px; border: 1px solid #e3e3e3; vertical-align: middle; }
.application_bg01 #age { width: 43px; height: 18px; border: 1px solid #e3e3e3; background: #f6f6f6; vertical-align: middle; margin-left: 60px; }

.application_bg02 { padding-left: 15px; padding-top: 10px; }
.application_bg03 { padding-left: 25px; padding-top: 10px; }

.f11 { font-size: 11px; }
.ls-1 { letter-spacing: -1px; }
.ml-6 { margin-left: -6px; }

.mgl_9 {margin-left: 9px; }
.mgl_20 { margin-left: 20px; }
.mgl_30 { margin-left: 30px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_80 { margin-left: 80px; }
.mgl_91 { margin-left: 92px; }
.mgl_100 { margin-left: 100px; }
.mgl_150 { margin-left: 150px; }
.mgl_155 { margin-left: 155px; }
.mgl_185 { margin-left: 185px; }
.mgl_272 { margin-left: 272px; }

#photo_box { position: absolute; top: 127px; left: 500px; width: 115px; height: 140px; border: 5px solid #ededed; text-align: center; }
#photo { padding-top: 20px; }
#photo_search { position: absolute; top: 278px; left: 526px; }

#citizenship { width: 185px; height: 18px; vertical-align: middle; }
#birth { width: 125px; height: 18px; border: 1px solid #e3e3e3; background: #f6f6f6;  vertical-align: middle; margin-left: 20px; }
#country01 { width: 69px; height: 18px; border: 1px solid #e3e3e3; background: #f6f6f6; ; vertical-align: middle; }
#explanation { width: 475px; height: 18px; border: 1px solid #e3e3e3; background: #f6f6f6;  vertical-align: middle; }

.w115 { width: 115px; }
.c18a { color: #1581a4; }
.c16b { color: #186eb7; }
.c38a { color: #308ba9; }

.box_bg { width: 600px; padding: 12px; background: #f8f8f8; float: left; }
.box_01 { width: 84px; float: left; }
.box_02 { float: left; width: 86px; }
.box_03 { width: 210px; float: left; }
.box_04 { width: 208px; float: left; }
.box_05 { width: 145px; float: left; text-align: center; }
.box_06 { float: left; width: 145px; text-align: center; }
.box_07 { width: 145px; float: left; text-align: center; }
.box_08 { width: 145px; float: left; text-align: center; }
.box_09 { width: 115px; float: left; text-align: center; }

.box_bg01 { width: 598px; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; margin-left: 10px; }
.box_bg01_01 { width: 598px; background: #f8f8f8; }
.box_bg01_02 { padding: 13px 16px 30px 16px; }
.box_bg01 #sex { width: 48px; height: 18px; vertical-align: middle; }
.box_bg01 #height { width: 51px; height: 18px; border: 1px solid #e3e3e3; } 
.box_bg01 #weight { width: 51px; height: 18px; border: 1px solid #e3e3e3; }
.box_bg01 #when { width: 560px; height: 18px; border: 1px solid #e3e3e3; }

.table600_01 { width: 600px; border-collapse: collapse; }
.table600_01 th { padding: 15px 5px 15px 10px ; border: 1px solid #f3f3f3; text-align: left; font-weight: normal; color: #585858; }
.table600_01 td { padding: 15px 0; border: 1px solid #f3f3f3; text-align: center; }
.table600_01 th.none01 { padding: 15px 0 2px 10px; border-right: 0; border-bottom: 0; }
.table600_01 th.none02 { padding: 3px 0 2px 25px; border-top: 0; border-right: 0;  border-bottom: 0; }
.table600_01 th.none02_1 { padding: 3px 0 15px 25px; border-top: 0; border-right: 0;  border-bottom: 0; }
.table600_01 td.none01 { padding: 3px; border-left: 0; border-right: 0; border-bottom: 0; }
.table600_01 td.none02 { padding: 3px; border-left: 0; border-bottom: 0; }
.table600_01 td.none03 { padding: 3px; border-bottom: 0; border-top: 0; border-left: 0; }
.table600_01 td.none03_1 { padding: 3px 3px 15px 3px; border-bottom: 0; border-top: 0; border-left: 0; }
.table600_01 td.none04_1 { padding: 3px 3px 15px 3px; border-top: 0; border-right: 0; border-bottom: 0; }
.table600_01 td.none04 { padding: 3px; border-top: 0; border-right: 0; border-bottom: 0; }
.table600_01 td .box { width: 116px; height: 18px; border: 1px solid #e3e3e3; }
.table600_01 td input { vertical-align: middle; }

.table600_02 { width: 600px; border-collapse: collapse; border: 1px solid #f3f3f3; }
.table600_02 th { padding: 15px 0; border: 1px solid #f3f3f3; color: #585858; font-weight: normal; background: #f8f8f8; }
.table600_02 td { padding: 15px 0; border: 1px solid #f3f3f3; text-align: center; }
.table600_02 td.left { padding: 15px 5px 15px 10px; text-align: left; }
.table600_02 td .box { width: 116px; height: 18px; border: 1px solid #e3e3e3; }
.table600_02 td input { vertical-align: middle; }

.table598_05 { width: 598px; border-collapse: collapse; }
.table598_05 th { padding: 10px 0; border: 1px solid #f3f3f3; color: #585858; background: #f8f8f8; }
.table598_05 td { height: 48px;  border: 1px solid #f3f3f3; text-align: center; }
.table598_05 td input { vertical-align: middle; border: 1px solid #f3f3f3; }

.table598_06 { width: 598px; border-collapse: collapse; border: 1px solid #f2f2f2; color: #585858;}
.table598_06 th { padding: 5px 0; background: #f8f8f8; font-weight: normal; color: #585858; }
.table598_06 td { padding: 10px 0; border-bottom: 1px solid #f2f2f2; text-align: center; }
.table598_06 td.f11 { font-size: 11px; }
.table598_06 td.none { padding: 10px 0 3px 0; border: 0; }
.table598_06 td.none01 { padding: 3px 0 10px 0; }
.table598_06 td input { vertical-align: middle; }
.table598_06 td input.w70 { width: 70px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w72 { width: 72px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w26 { width: 26px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w80 { width: 80px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w100 { width: 100px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w135 { width: 135px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w190 { width: 190px; height: 18px; border: 1px solid #e3e3e3 }
.table598_06 td input.w235 { width: 235px; height: 18px; border: 1px solid #e3e3e3 }

.table598_01 { width: 598px; }
.table598_01 table { width: 596px; border: 1px solid #f3f3f3; border-collapse: collapse; }
.table598_01 tr { height: 30px; }
.table598_01 th { background: #f8f8f8; border-bottom: 1px solid #f3f3f3; font-weight: normal; padding: 10px 0; color: #585858; }
.table598_01 td { padding: 10px 0; text-align: center; border-bottom: 1px solid #f2f2f2; }
.table598_01 td input { vertical-align: middle; border: 1px solid #e3e3e3 }
.table598_01 td input.w72 { width: 72px; height: 18px; }
.table598_01 td input.w26 { width: 26px; height: 18px; }
.table598_01 td input.w100 { width: 100px; height: 18px; }
.table598_01 td input.w235 { width: 235px; height: 18px; }

.table598_2 { width: 598px; }
.table598_2 table { width: 596px; border: 1px solid #f3f3f3; border-collapse: collapse; }
.table598_2 tr { height: 30px; }
.table598_2 td { text-align: center; }
.table598_2 th { background: #f8f8f8; border-bottom: 1px solid #f3f3f3; font-weight: normal;  padding-left: 10px; color: #585858; }
.table598_2 th label { color: #000; }



#first01 { width: 105px; height: 18px; }
#f2nd { width: 105px; height: 18px; }
#f3rd { width: 105px; height: 18px; }

.personal_essay #first { width: 163px; height: 18px; border: 1px solid #e3e3e3; margin-right: 10px; }
.personal_essay #first01 { width: 106px; height: 18px; border: 1px solid #e3e3e3; margin-right: 10px; }
.personal_essay #middle { width: 106px; height: 18px; border: 1px solid #e3e3e3; margin-right: 10px;  }
.personal_essay #last { width: 223px; height: 18px; border: 1px solid #e3e3e3; }
.personal_essay #last01 { width: 106px; height: 18px; border: 1px solid #e3e3e3; }

#apply_textarea { width: 609px; height: 221px; border: 1px solid #b2b2b2; }

#signature { width: 410px; height: 18px; border: 1px solid #e3e3e3; vertical-align: middle; }
#date { width: 49px; height: 18px; border: 1px solid #e3e3e3; vertical-align: middle; }
.date { width: 49px; height: 18px; border: 1px solid #e3e3e3; vertical-align: middle; }

#identity { border-color: #e3e3e3; }
#house { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#city { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#state { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#zipcode { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#country05 { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#house01 { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#city01 { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#state01 { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#zipcode01 { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#country05_01 { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px;  }
#telephone { width: 289px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#email { width: 135px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#first_name { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#family01 { width: 81px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#relationship { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 90px; }
#home_phone { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#work { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 138px; }
#mobile { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 10px; }
#email01 { width: 192px; height: 18px; border: 1px solid #e3e3e3; margin-left: 138px; }



.mgl_5 { margin-left: 5px; }
.mgl_34 { margin-left: 34px; }
.mgl_25 { margin-left: 24px; }
.mgl_53 { margin-left: 53px; }
.mgl_56 { margin-left: 56px; }
.mgl_65 { margin-left: 70px; }
.mgl_70 { margin-left: 74px; }
.mgl_133 { margin-left: 133px; }
.mgl_349 { margin-left: 349px; }

.interview .input04 { width: 136px; height: 18px; border: 1px solid #e3e3e3; }
.interview .input05 { width: 223px; height: 18px; border: 1px solid #e3e3e3; }
.interview .input06 { width: 370px; height: 18px; border: 1px solid #e3e3e3; }
.interview .input07 { width: 185px; height: 18px; border: 1px solid #e3e3e3; }