@charset "utf-8"; 

/* common */
html , body {height:100%; margin:0px; padding:0px; color:#505050; background:#FFF}
div , table , input , select , textarea {font-size:9pt; font-family:맑은고딕 , AppleGothic , Gulim , 굴림; }
form    {display:inline; }
img     {border:0 none; display:inline; }
label   {letter-spacing:-1px; }
.inline {display:inline; }
p .txt_msg {text-align:left; color:#784895; }

#wrapper { width:100%; }
#areaTop { height:80px; width:980px; margin:0 auto; background:url(/_images/top_menu/bg_menu.png) no-repeat 150px 0;}
#areaTop .topLogo  { width:151px;}
#areaTop .topMenu1 { width:100%; height:13px; margin-top:25px;}
#areaTop .topMenu2 { width:100%; height:13px; margin-top:25px;}
#areaTop .topLogin { width:89px;}

/* main start */
#areaVisual  { width:100%; height:475px; border-top:4px solid #0d5bdd; border-bottom:1px solid #427fe2; background:url(/_images/main/flash_bg.gif) repeat-x; }
#areaNotice  { width:100%; height:209px; background:url(/_images/main/bgNoticeArea.png) repeat-x; }
#areaNotice .noticeArea { width:980px; margin:0 auto; }
#areaNotice .noticeArea .titleNotice { width:108px; height:14px; background:url(/_images/main/titleNotice.png) no-repeat; margin-bottom:15px}
#areaNotice .noticeArea .titleBoard  { width:108px; height:14px; background:url(/_images/main/titleBoard.png) no-repeat; margin-bottom:15px}

.titleUnderLine { background:url(/_images/main/line_under.png) repeat-x 0 2px; text-align:right; }
/* main end */

/* sub page visual */
#areaVisualSub  { width:100%; height:165px; border-top:4px solid #0d5bdd; border-bottom:1px solid #427fe2; background:url(/_images/subpage/sub_bg.gif) repeat-x;}
#areaBody       { width:980px; min-height:500px; margin:0 auto;}
    /* left menu */
#areaBody .leftTitle { width:210px; height:32px; background:url(/_images/left_menu/bg_title.png) no-repeat; margin-bottom:10px; padding:18px 0 0 20px; }
#areaBody .tbLine    { width:200px; height:2px; background:#999; }
#areaBody .midLine   { width:180px; height:1px; background:#EFEFEF; margin-left:10px;}
#areaBody .menuOff   { width:180px; padding:9px 10px 8px 10px; }
#areaBody .menuOn    { width:180px; padding:9px 10px 8px 10px; background:url(/_images/icon_arrow2.gif) no-repeat 180px 12px; }
    /* 본문 */
.thisPosition { width:740px; height:30px; padding:20px 5px 0 0; text-align:right;}
.pageTitle    { width:735px; height:34px; padding:0 0 0 10px; border-bottom:1px solid #999; }
#areaBody .content      { width:745px; min-height:430px; margin:0 0 20px 5px;}
#areaBody .content .viewTitle       { width:100%; height:30px; font-weight:bold; color:#666; padding:11px 0 0 20px; background:url(/_images/bgBTview.png) no-repeat}
#areaBody .content .viewTitle span  { color:#2b6c96 }
#areaBody .content .viewInfo        { width:730px; margin:10px 5px 10px 10px; padding-bottom:5px; border-bottom:1px solid #666; } /* 게시판 : 작성자, 작성일, 조회, 추천*/
#areaBody .content .viewContent     { width:710px; margin:0 5px 0 10px; padding:10px; border-bottom:2px solid #666; } /* 게시판 : 글 내용 */
#areaBody .content .webEdit         { width:730px; margin:0 5px 0 10px; border-bottom:2px solid #666; } /* 게시판 : 글 내용 */
#areaBody .content .viewContent .attachTitle { font-size:8pt; text-align:right; padding-right:16px; background:url(/_images/icon_arrow.gif) no-repeat right 0;}
#areaBody .content .viewBtnArea     { width:710px; margin:5px 0 5px 20px; } /* 게시판 : 버튼 */
#areaBody .content .viewSearchArea  { width:710px; margin:5px 0 5px 20px; } /* 게시판 : 검색 */
#areaBody .content .writeInfo       { width:730px; margin:10px 5px 10px 10px;} /* 게시판 : 작성자, 작성일, 조회, 추천*/

#areaBody .content .viewInfo2       { width:730px; margin:10px 5px 10px 10px; padding-bottom:5px; } /* qna 답변*/
#areaBody .content .viewContent2    { width:710px; margin:0 5px 0 10px; padding:10px; border-bottom:1px dotted #666; } /* qna 답변 */
/* copyright */
#areaCopyright { width:100%; height:100px; border-top:1px solid #999; background:url(/_images/copyright/bgCopyright.png) repeat-x 0 32px;}
#areaCopyright .botMenu   { width:960px; height:24px; margin:0 auto; padding:8px 0 0 20px;}
#areaCopyright .copyright { width:980px; height:68px; margin:0 auto; background:url(/_images/copyright/copyright.png) no-repeat 20px 24px;}
/******************************/



/* link */
a:link    {color:#333333; text-decoration:none; }
a:visited {color:#333333; text-decoration:none; } 
a:active  {color:#333333; text-decoration:none; } 
a:hover   {color:#333333; text-decoration:none; } 

/* cursor */
.hand { cursor:pointer }

/* background */
.bggray   { background:#F0F0F0 }
.bggray2  { background:#EFEFEF }
.bgwhite  { background:#FFF }
.bgblue1  { background:#DCE9EF}

/* position */
.center { text-align:center }
.left   { text-align:left }
.right  { text-align:right }
.top    { vertical-align:top}
.bottom { vertical-align:bottom}
.fleft  { float:left }
.fright { float:right }
.pleft  { text-align:left; padding:3px; }

/* line */
.dotbot_wgray{border-bottom:1px dotted #909090;}
.dotbot_dgray{border-bottom:1px dotted #666666;}
.dottop_dgray{border-top:1px dotted #666666;}
.dottop_wgray{border-top:1px dotted #E0E0E0;}

.solbottom_wgray{border-bottom:1px solid #999999;}
.solbottom_gray{border-bottom:1px solid #C9C9C9;}

.lb3 {border-bottom:1px solid #333;}
.lr3 {border-right:1px solid #333;}
.ll3 {border-left:1px solid #333;}
.lt3 {border-top:1px solid #333;}

.lbc {border-bottom:1px solid #CCC;}
.lrc {border-right:1px solid #CCC;}
.llc {border-left:1px solid #CCC;}
.ltc {border-top:1px solid #CCC;}

.ltb { border-top:2px solid #6D9FB8}
.lrb { border-right:1px solid #A0B5CA}
.lbb { border-bottom:1px solid #A0B5CA}
.llb { border-left:1px solid #A0B5CA}

/* color */
.olive    { color:#526520 }
.gray1    { color:#666 }
.gray2    { color:#999 }
.dred     { color:#BB1907}
.darkblue { color:#13436D; }
.sky      { color:#337BB2}
.blue1    { color:#2D597E}

/* font */
.bold   { font-weight:bold }
.normal { font-weight:normal }

/* font size */
.text7 {font-size: 7pt;}
.text8 {font-size: 8pt; font-family:돋움 , Dotum;}

/* padding */
.pad3   { padding:3px }
.pad5   { padding:5px }
.pad10  { padding:10px }
.padl3  { padding-left:3px }
.padl5  { padding-left:5px }
.padl10 { padding-left:10px }
.padl15 { padding-left:15px }
.padl20 { padding-left:20px }
.padl25 { padding-left:25px }
.padl30 { padding-left:30px }

/* margin */
.mar3   { margin:3px }
.mar5   { margin:5px }
.mar10  { margin:10px }
.marl3  { margin-left:3px }
.marl5  { margin-left:5px }
.marl10 { margin-left:10px }
.marl15 { margin-left:15px }
.marl20 { margin-left:20px }

/* space */
.blank5 { height: 5px }
.blank10 { height: 10px }
.blank15 { height: 15px }
.blank20 { height: 20px }
.blank25 { height: 25px }
.blank30 { height: 30px }

/* element input */
.subText  {margin-left:3px; color:#DD4E00; font-weight:bold;}
.textS    {color:#909090; margin:5px 0 2px 0; padding-top:5px; height:12px}
.inputS   {vertical-align:bottom;}
.input1 {
    border : 1px solid #CCCCCC;
    font-size: 9pt;
    margin-top:1px;
    color:#505050;
    padding:4px 3px 0px 3px;
    font-family: 맑은고딕, 굴림, Verdana, Arial, Helvetica, sans-serif; 
    height: 16px;
}

/* table list */
.tableCaption { color:#656565; text-align:right; padding:10px 24px 5px 10px;}
.tableHead    { height:31px; font-weight:bold; background:url(/_images/bgTableHead.gif) repeat-x;}
.tableList    { height:26px; line-height:120%}
.tableFoot    { position:relative;top:0px; margin:0; padding:1px 1px 4px 0; background-color:#ECECEC; border:1px solid #BDBDBD; height:20px; font-size:9pt;}

.tableHead2   { height:41px; font-weight:bold; background:url(/_images/bgBTview.png) repeat-x; color:#2C5A80; padding-bottom:7px}
.tableFoot2   { position:relative;top:0px; margin:0; padding:10px 1px 4px 0; border-top:1px solid #E0E0E0; height:20px; font-size:9pt;}

/* navi */
#areaNavi                    { width:100%; text-align:center; padding:5px 0 5px 0;}
#areaNavi .pageNum a         { width:25px; height:25px; padding:3px 5px 2px 5px; border:1px solid #FFF; color:#666; font-weight:bold}
#areaNavi .pageNum a:link    { color:#656565; text-decoration:none; color:#666 }
#areaNavi .pageNum a:visited { color:#656565; text-decoration:none; color:#666 } 
#areaNavi .pageNum a:active  { color:#656565; text-decoration:none; color:#666 } 
#areaNavi .pageNum a:hover   { color:#6C8CDF; text-decoration:none; background-color:#EDF4FA; border:1px solid #BFD6ED;}
#areaNavi .pageNum span      { color:#666666; width:25px; height:25px; padding:3px 5px 2px 5px; }
#areaNavi .pageNum .no       { color:#6C8CDF; background-color:#EDF4FA; border:1px solid #BFD6ED; font-weight:bold;}

/* box */
.photoImage  { border:1px solid #656565; padding:1px; background:#FFF }
.historyText { width:700px; margin:0 0 40px 40px; line-height:130%; text-align:justify; }

/* validation */
#errorMessage { color:#990033;  width:90%; font-family:돋움; font-size:9pt; line-height:130%; padding:3px; }
.errorMessage { color:#990033;  width:90%; font-family:돋움; font-size:9pt; line-height:130%; padding:3px; }
input.error{border: 1px solid #F94400;}
textarea.error{ border: 1px solid #F94400; }
.error_msg{color:#F94400; padding:3px;}


/* tab menu */
.tabMenu { height:29px; border-bottom:1px solid #CCCCCC; background:url(/_images/bgTab.gif) repeat-x; }
.tabMenuOn  { height:29px; border-bottom:2px solid #2373cd; color:#2373cd; font-weight:bold; background:url(/_images/bgTab.gif) repeat-x; }


/* calendar */
#calendar .weekSun { padding:11px 0; border:1px solid #B34959; background:#DD5D70; text-align:center; }
#calendar .weekEtc { padding:11px 0; border:1px solid #ADADAD; background:#C1C1C1; text-align:center; }
#calendar .weekSat { padding:11px 0; border:1px solid #2D7CAD; background:#4EA5DA; text-align:center; }
#calendar .daySun  { width:100%; margin-bottom:15px; color:#971E30;}
#calendar .dayEtc  { width:100%; margin-bottom:15px; color:#666666;}
#calendar .daySat  { width:100%; margin-bottom:15px; color:#4887AC;}
#calendar .task    { width:96px; overflow-x:hidden; margin-bottom:2px;}
#calendar .tasktime{font-size:8pt;font-family:Verdana;letter-spacing:-1px;}
/* login form */
#login .title { width:100%; height:77px; margin:40px 0 20px 0; background:url(/_images/subpage/login_title.png) no-repeat center 0 }

/* id pw find */
#boxIDPW .findBoxID   { width:725px; height:178px; margin:0 auto; background:url(/_images/find/boxID.png) no-repeat; }
#boxIDPW .areaTitleID { width:130px; height:28px; margin:30px 0 0 45px; background:url(/_images/find/textTitleID.png) no-repeat; }
#boxIDPW .findBoxPW   { width:725px; height:178px; margin:0 auto; background:url(/_images/find/boxPW.png) no-repeat; }
#boxIDPW .areaTitlePW { width:154px; height:28px; margin:30px 0 0 45px; background:url(/_images/find/textTitlePW.png) no-repeat; }
#boxIDPW .textID      { padding:20px 80px 0 20px; line-height:150% }


/* regist */
.areaStep1 { width:100%; height:200px; border:1px solid #DDD; padding:10px 0 10px 10px; line-height: 130%;}
.areaStep1 .scroll1 {position:relative; width:100%; height:200px; overflow-y: auto; overflow-x:hidden;}
.step3Box  { width:100%; padding:30px 0; text-align:center; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }

/* 운영안 */
.jang { margin:10px 0 0 0; font-weight:bold }
.stext { margin:5px 0 15px 0; line-height:200%; text-align:justify; }