html { 
height : 100%; 
} 
html.use_scroll_wrapper { 
overflow : hidden; 
} 
html.auto_resize_iframe { 
height : auto; 
} 
body { 
height : 100%; 
padding : 0; 
margin : 0 auto; 
color : #515154; 
background : url(../image/bg_body.gif); 
font-family : Dotum, Gulim, Malgun Gothic, arial; 
font-size : 12px; 
margin : 0; 
padding : 0; 
direction : ltr; 
unicode-bidi : embed; 
line-height : 16px; 
line-height : 16px; 
} 
body.auto_resize_iframe { 
height : auto; 
} 
.use_scroll_wrapper #scroll_wrapper { 
width : 100%; 
height : 100%; 
overflow : auto; 
position : relative; 
} 
#nonfooter { 
padding : 0; 
margin : 0; 
position : relative; 
min-height : 100%; 
} 
#page_height { 
padding : 0 0 100px 0; 
margin : 0; 
} 
h1 { 
font-size : 15px; 
font-weight : bold; 
margin : 5px 0; 
padding : 0; 
} 
h2 { 
font-size : 14px; 
font-weight : bold; 
margin : 5px 0; 
padding : 0; 
} 
h3 { 
font-size : 13px; 
font-weight : bold; 
margin : 5px 0; 
padding : 0; 
} 
p { 
text-align : left; 
} 
a { 
cursor : pointer; 
color : #515154; 
text-decoration : none; 
} 
a:hover { 
text-decoration : underline; 
color : #252525; 
} 
img { 
border : 0; 
} 
select { 
border : 1px solid #bdc7d8; 
padding : 2px; 
} 
td, td.label { 
text-align : left; 
line-height : 16px; 
} 
em, cite, address, dfn, var { 
font-style : normal; 
} 
dl, ul, ol { 
list-style : none; 
} 
#Top { 
height : 117px; 
} 
.topbox { 
width : 854px; 
margin : 0 auto; 
} 
.logo { 
float : left; 
margin-bottom : 23px; 
} 
.menu { 
float : right; 
margin : 6px 7px 0 0; 
font-weight : 800; 
} 
.menu li { 
margin : 0 10px 0 8px; 
border-top : 4px solid #fff; 
float : left; 
} 
.menu li a { 
color : #75767c; 
text-decoration : none; 
} 
.menu li a:hover { 
color : #272731; 
} 
.menu li.on { 
color : #272731; 
border-top : 3px solid #c11a0b; 
} 
.menu li.on a { 
color : #272731; 
border-top : 3px solid #c11a0b; 
} 
.Sign { 
text-align : right; 
color : #75767c; 
padding-right : 10px; 
} 
.Sign a { 
font-size : 11px; 
color : #6a6b71; 
text-decoration : none; 
} 
.Sign a:hover { 
font-size : 11px; 
color : #000000; 
text-decoration : none; 
} 
#Wrap_home { 
width : 820px; 
margin : 0 auto; 
background : #ffffff; 
} 
#Wrap { 
width : 840px; 
margin : 0 auto; 
padding-bottom : 20px; 
margin-top : 50px; 
background : url(../image/bg_contents01.gif); 
} 
.Cont { 
margin : 30px 40px 30px 40px; 
display : block; 
} 
.title1 { 
width : 760px; 
margin : 0 auto; 
height : 32px; 
margin-top : 20px; 
font-size : 17px; 
font-weight : bold; 
color : #27272a; 
background : url(../image/bg_tit.gif); 
} 
.title2 { 
height : 23px; 
font-size : 14px; 
font-weight : bold; 
color : #27272a; 
} 
.Text_btn { 
font-size : 11px; 
font-weight : bold; 
background : #7485af; 
border : 1px solid #3f5587; 
padding : 3px 5px 2px 5px; 
color : #fff; 
text-decoration : none; 
} 
.Text_btn a { 
font-size : 11px; 
font-weight : bold; 
background : #7485af; 
border : 1px solid #73737b; 
padding : 2px 5px; 
color : #fff; 
text-decoration : none; 
} 
.Text_btn a:hover { 
background : #7485af; 
border : 1px solid #3f5587; 
text-decoration : none; 
} 
.TB { 
border-top : 1px solid #d6d6d6; 
} 
.TB th { 
border-bottom : 1px solid #d6d6d6; 
height : 30px; 
} 
.TB td { 
border-bottom : 1px solid #d6d6d6; 
} 
.TB .title { 
width : 120px; 
font-weight : bold; 
background : #f2f2f2; 
padding-left : 20px; 
} 
.TB .inside td { 
padding : 2px; 
border : none; 
} 
.TB .name { 
font-weight : bold; 
} 
.info { 
color : #990000; 
margin-top : 7px; 
font-size : 11px; 
} 
.tab { 
width : 740px; 
height : 32px; 
background : url(../image/pr_bar_bg.gif); 
padding : 0 10px; 
margin-bottom : 40px; 
} 
.step_list1 { 
width : 760px; 
border-top : 1px solid #65656f; 
} 
.step_list1 td { 
text-align : center; 
padding : 5px; 
border-bottom : 1px dotted #b9b9b9; 
} 
.step_list1 .title { 
background : #65656f; 
color : #f2f2f2; 
text-align : center; 
font-weight : bold; 
height : 25px; 
padding : 2px; 
} 
.step_list1 .view1 { 
background : #edf3ff; 
padding : 15px; 
text-align : left; 
} 
.step_list1 .view2 { 
background : #fff5ed; 
padding : 15px; 
text-align : left; 
} 
.step_list1 .point1 { 
color : #337adb; 
font-weight : bold; 
} 
.step_list1 .name { 
font-weight : bold; 
margin-bottom : 7px; 
} 
.step_list1 .message { 
margin-top : 7px; 
} 
.step_list1 .cancel { 
color : #bbbbbb; 
} 
.step_list1 .point2 { 
color : #9e0b0f; 
font-weight : bold; 
} 
.step_list2 { 
width : 760px; 
margin-top : 5px; 
} 
.step_list2 tr:hover { 
background : #f2f2f2; 
} 
.step_list2 td { 
text-align : center; 
padding : 6px; 
border-bottom : 1px dotted #65656f; 
} 
.step_list2 .title { 
background : #65656f; 
color : #f2f2f2; 
text-align : center; 
font-weight : bold; 
height : 25px; 
padding : 2px; 
border : none; 
} 
.step_list2 .detail { 
font-size : 11px; 
text-align : left; 
margin-top : 3px; 
} 
.team { 
width : 354px; 
border : 2px solid #cccccd; 
padding : 8px; 
margin-bottom : 8px; 
} 
.name { 
font-weight : bold; 
} 
.btn1 { 
margin-top : 30px; 
} 
.btn2 { 
position : relative; 
padding-top : 20px; 
width : 760px; 
} 
.textfield { 
border : 1px solid #c9c9c9; 
padding : 2px; 
} 
.textarea { 
border : 1px solid #c9c9c9; 
padding : 2px; 
} 
.search { 
border : 1px solid #c9c9c9; 
height : 16px; 
padding : 2px; 
width : 200px; 
} 
.tx { 
border : 1px solid #c9c9c9; 
height : 22px; 
} 
.select { 
border : 1px solid #aaaaae; 
} 
.hidden_fr1 { 
border : 2px solid #aaaaae; 
padding : 15px; 
width : 350px; 
margin-top : 10px; 
font-size : 11px; 
} 
.hidden_fr2 { 
border : 2px solid #aaaaae; 
padding : 15px; 
width : 550px; 
margin-top : 10px; 
font-size : 11px; 
} 
.pr { 
position : relative; 
margin-top : 10px; 
} 
.pr_box { 
width : 372px; 
margin-bottom : 16px; 
} 
.pr_box .top { 
height : 22px; 
background : url(../image/bg_prbox_top.gif); 
font-size : 13px; 
font-weight : bold; 
padding : 9px 10px 0 10px; 
} 
.pr_box .cen { 
background : url(../image/bg_prbox_cen.gif); 
padding : 9px 12px; 
} 
.pr_box .cen .intro { 
height : 84px; 
padding-bottom : 3px; 
} 
.pr_box .cen .etc { 
height : 19px; 
position : relative; 
} 
.pr_box .bot { 
height : 6px; 
background : url(../image/bg_prbox_bot.gif); 
} 
.pic a { 
border : 1px solid #aaaaae; 
width : 80px; 
height : 60px; 
display : block; 
} 
.pic a:hover { 
border : 1px solid #333333; 
} 
.pic .on { 
border : 1px solid #333333; 
} 
.thumil a { 
border : 1px solid #aaaaae; 
width : 112px; 
height : 84px; 
display : block; 
margin-right : 5px; 
} 
.thumil a:hover { 
border : 1px solid #333333; 
} 
.thumil .on { 
border : 1px solid #333333; 
} 
.comment { 
position : relative; 
margin : 20px 0 15px 0; 
background : #f6f6f6; 
padding : 15px; 
font-size : 11px; 
} 
.comment .writer { 
margin-bottom : 5px; 
} 
.comment .writer a { 
font-weight : bold; 
} 
.comment .area { 
width : 720px; 
height : 100px; 
font-size : 13px; 
color : #000000; 
border : 1px solid #cccccc; 
padding : 2px 0 2px 4px; 
} 
.comment .dot { 
height : 1px; 
border-bottom : 1px dotted #c4c4c4; 
} 
.sort { 
background : #fff; 
border : 1px solid #fff; 
padding : 4px; 
} 
.sort a { 
background : #fff; 
border : 1px solid #fff; 
padding : 4px; 
text-decoration : none; 
} 
.sort a:hover { 
background : #eeeef1; 
border : 1px solid #d3d3d7; 
padding : 4px; 
} 
.sort .on { 
font-weight : bold; 
color : #ffffff; 
background : #6794d7; 
border : 1px solid #2568bc; 
padding : 4px; 
} 
.frame { 
background : #f6f6f6; 
padding : 20px 30px; 
border-left : 1px solid #e7e7e7; 
border-right : 1px solid #e7e7e7; 
} 
.fr_top { 
height : 7px; 
background : url(../image/frame_top.gif); 
} 
.fr_bottom { 
height : 7px; 
background : url(../image/frame_bottom.gif); 
width : 760px; 
} 
.pr_tabmenu { 
width : 760px; 
height : 30px; 
background : url(../image/pr_bar_bg.gif); 
margin-bottom : 25px; 
} 
.my_tabmenu { 
width : 760px; 
height : 30px; 
background : url(../image/my_bar_bg.gif); 
margin-bottom : 25px; 
} 
.event_board { 
width : 760px; 
border-top : 2px solid #b354fa; 
margin-top : 20px; 
} 
.event_board tr { 
background : #fff; 
padding : 7px 3px; 
} 
.event_board tr:hover { 
background : #f7f7f7; 
} 
.event_board td { 
line-height : 17px; 
text-align : center; 
border-bottom : 1px solid #e2e2e2; 
} 
.event_board td a { 
color : #2e2e31; 
} 
.event_board td a:hover { 
color : #337adb; 
} 
.event_board .title { 
font-weight : bold; 
display : block; 
text-align : left; 
margin : 6px; 
} 
.event_board .head { 
font-weight : bold; 
color : #f2f2f2; 
background : #333333; 
} 
.event_board .head a { 
color : #f2f2f2; 
text-decoration : none; 
} 
.event_board .head a:hover { 
color : #72b2fe; 
} 
.event_board .head .on { 
color : #72b2fe; 
} 
.event_board .head img { 
border : none; 
} 
.event_board div { 
font-weight : bold; 
} 
.Paging { 
padding : 10px 0 20px 0; 
text-align : center; 
position : relative; 
margin-top : 10px; 
} 
.Paging table { 
margin : 0 auto; 
} 
.Paging th { 
padding : 2px 2px 0 2px; 
} 
.Paging td { 
width : 15px; 
height : 12px; 
text-align : center; 
} 
.Paging td a { 
width : 18px; 
color : #999999; 
text-decoration : none; 
} 
.Paging td a:hover { 
width : 18px; 
color : #5079c4; 
font-weight : bold; 
text-decoration : none; 
} 
.Paging td.on a { 
width : 18px; 
color : #5079c4; 
font-weight : bold; 
text-decoration : none; 
} 
.Footer { 
background : url(../image/main/bg_join.gif); 
height : 60px; 
} 
.FooterMnu { 
width : 820px; 
text-align : center; 
margin : 0 auto; 
padding-top : 20px; 
margin-bottom : 100px; 
} 
.FooterMnu a { 
color : #1a1a1c; 
font-size : 12px; 
padding : 0 15px 0 14px; 
border-right : 1px solid #555555; 
text-decoration : none; 
font-weight : normal; 
} 
.FooterMnu a.none { 
border : none; 
} 
.Copyright { 
font-size : 11px; 
color : #555555; 
font-weight : lighter; 
padding-left : 50px; 
} 
.Fotter { 
background : url(../image/main/bg_join.gif); 
height : 54px; 
}