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; 
} 
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, h2, h3, h4, h5 { 
font-size : 13px; 
color : #333; 
margin : 0; 
padding : 0; 
} 
h1 { 
font-size : 14px; 
} 
p { 
font-size : 11px; 
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; 
font-size : 11px; 
padding : 2px; 
} 
td, td.label { 
text-align : left; 
} 
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); 
} 
#Wrap_divide { 
width : 840px; 
margin : 0 auto; 
padding-bottom : 20px; 
margin-top : 50px; 
} 
.ttitle { 
width : 585px; 
margin : 0 auto; 
height : 32px; 
margin-top : 20px; 
font-size : 17px; 
font-weight : bold; 
color : #27272a; 
background : url(../image/bg_tit.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; 
} 
.title3 { 
height : 30px; 
font-size : 13px; 
font-weight : bold; 
color : #27272a; 
} 
.title4 { 
height : 20px; 
font-weight : bold; 
color : #27272a; 
} 
.title5 { 
font-size : 11px; 
font-weight : bold; 
color : #337adb; 
} 
.Text_btn { 
font-size : 11px; 
background : #a0a0a7; 
padding : 4px; 
color : #fff; 
} 
.Text_btn a { 
background : #a0a0a7; 
color : #fff; 
} 
.Text_btn a:hover { 
text-decoration : none; 
} 
.tx { 
width : 680px; 
font-size : 11px; 
border : 1px solid #cccccc; 
color : #333333; 
padding : 2px 0 2px 4px; 
} 
.tx1 { 
width : 240px; 
font-size : 11px; 
color : #2e2e31; 
border : 1px solid #cccccc; 
padding : 2px 0 2px 4px; 
} 
.tx3 { 
width : 40px; 
font-size : 11px; 
color : #2e2e31; 
border : 1px solid #cccccc; 
padding : 2px 0 2px 4px; 
} 
.list { 
position : absolute; 
left : 0; 
top : 0; 
} 
.list li { 
width : 140px; 
float : left; 
margin : 0 auto; 
} 
.SceneBox { 
width : 100px; 
text-align : center; 
margin : 0 auto; 
font-size : 13px; 
font-weight : 600; 
color : #a1a1a1; 
} 
.SceneBox li { 
width : 90px; 
height : 53px; 
margin : 0 auto; 
list-style-type : none; 
margin-bottom : 10px; 
} 
.SceneBox li a { 
width : 90px; 
height : 53px; 
color : #a1a1a1; 
border : 2px solid #d7d7d7; 
margin : 0 auto; 
text-decoration : none; 
display : block; 
} 
.SceneBox li a:hover { 
width : 90px; 
height : 53px; 
border : 2px solid #ff9210; 
color : #2e2e31; 
} 
.SceneBox li.on { 
width : 90px; 
height : 53px; 
border : 2px solid #ff9210; 
color : #2e2e31; 
} 
.Scripts { 
color : #cccccc; 
} 
.Scripts tr { 
background : #131313; 
padding : 5px 0 5px 0; 
} 
.Scripts td a { 
color : #ff9210; 
} 
.Scripts td img { 
display : block; 
border : 1px solid #464646; 
margin : 0 auto; 
} 
.Scripts td a:hover img { 
border : 1px solid #ff9210; 
} 
.Scripts div { 
padding : 0 5px 0 7px; 
display : block; 
} 
.Scripts .title { 
font-weight : bold; 
display : block; 
} 
.Script { 
border-top : 2px solid #54a0fa;
margin-top:5px;
} 
.Script tr { 
background : #fff; 
} 
.Script tr:hover { 
background : #f7f7f7; 
} 
.Script td { 
line-height : 17px; 
text-align : center; 
border-bottom : 1px solid #e2e2e2; 
} 
.Script td a { 
color : #2e2e31; 
} 
.Script td a:hover { 
color : #337adb; 
} 
.Script .genre { 
text-align : left; 
margin-bottom : 4px;
font-weight : normal;
line-height : 14px; 
} 
.Script .title { 
font-weight : bold; 
display : block; 
text-align : left; 
margin : 4px 0; 
} 
.Script .head { 
font-weight : bold;
font-family:Malgun Gothic; 
color : #f2f2f2; 
height : 30px; 
background : #333333; 
} 
.Script .head a { 
color : #f2f2f2; 
text-decoration : none; 
} 
.Script .head a:hover { 
color : #72b2fe; 
} 
.Script .head .on { 
color : #72b2fe; 
} 
.Script .head img { 
border : none; 
} 
.Script div { 
text-align : left; 
font-weight : normal; 
} 
.best { 
background : url(../image/script_best01.gif); 
height : 72px; 
padding : 10px; 
} 
.event_board { 
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; 
} 
.textfield { 
border : 1px solid #c2c2c5; 
font-size : 11px; 
height : 14px; 
padding : 3px; 
} 
.TB { 
border-top : 1px solid #d6d6d6; 
} 
.TB td { 
border-bottom : 1px solid #d6d6d6; 
} 
.TB .title { 
width : 120px; 
font-weight : bold; 
background : #f2f2f2; 
padding-left : 20px; 
} 
.info { 
color : #7d7d7d; 
margin-left : 7px; 
font-size : 11px; 
} 
.sort_box { 
font-size : 14px; 
font-weight : bold; 
margin-bottom : 7px; 
} 
.sort_box a { 
background : #adacb1; 
border : 1px solid #838187; 
padding : 4px; 
text-decoration : none; 
color : #ffffff; 
padding : 6px 10px; 
margin-right : 2px; 
} 
.sort_box a:hover { 
background : #9567d7; 
border : 1px solid #5d25bc; 
padding : 4px; 
padding : 6px 10px; 
margin-right : 2px; 
} 
.sort_box .on { 
color : #ffffff; 
background : #9567d7; 
border : 1px solid #5d25bc; 
padding : 6px 10px; 
margin-right : 2px; 
} 
.viewbox { 
position : relative; 
margin :15px; 
} 
.viewbox .area { 
width:715px; 
height:400px; 
font-size:13px; 
color:#000000; 
border:1px solid #fff; 
overflow-y:scroll; 
overflow-x:hidden; 
padding-right:15px;
}

.viewbox p.click { 
position : absolute; 
font-size : 18px; 
font-weight : bold; 
color : #cccccc; 
top : 60px; 
left : 260px; 
} 
.comment { 
position : relative; 
margin : 15px 0 15px 0; 
background : #f6f6f6; 
padding : 15px;
word-break:break-all; word-wrap:break-word; display:block; 
} 
.comment .name { 
margin-bottom : 10px; 
} 
.comment .name a { 
font-weight : bold; 
} 
.comment .area { 
width : 720px; 
height : 100px; 
color : #000000; 
border : 1px solid #cccccc;
overflow-y:scroll; 
overflow-x:hidden;
padding : 2px 0 2px 4px; 
}
.comment .dot {
height : 1px; border-bottom : 1px dotted #c4c4c4; margin:10px 0; 
}

.updown {position:relative; width:145px; text-align:center; font-size:11px; font-weight:bold; padding-top:15px; margin:0 auto; }
.updown .up{float:left; width:70px; height:39px; background:url(../image/bg_thumbs_up.gif); padding-top:3px; color:#759edb;}
.updown .down{float:right;width:70px; height:39px; background:url(../image/bg_thumbs_down.gif); padding-top:3px; color:#d65b64;} 


.review_bar {height : 15px; font-size : 14px; font-weight : bold; background:#e4e4e4; padding:9px 20px; margin-top:20px;} 
.review { background : #f6f6f6; padding : 10px 20px 20px 20px; word-break:break-all; word-wrap:break-word; display:block; } 
.review .dot {height : 1px; border-bottom : 1px dotted #c4c4c4; margin:10px 0; }
.review_updown {position:relative; font-size:11px; font-weight:bold;}
.review_updown_up {width:36px; height:20px; background:url(../image/bg_thumbs_up_02.gif); padding:5px 0 0 34px; color:#759edb; float:left;}
.review_updown_down {width:36px; height:20px; background:url(../image/bg_thumbs_down_02.gif); padding:5px 0 0 34px; color:#d65b64; float:right;}



#rollinglist { 
width : 760px; 
height : 80px; 
position : relative; 
margin-bottom : 5px; 
} 
.back { 
position : absolute; 
left : 0; 
top : 30px; 
} 
.next { 
position : absolute; 
right : 0; 
top : 30px; 
} 
.rlist { 
width : 734px; 
margin : 10px 13px; 
font-size : 11px; 
} 
.rlist .t { 
font-weight : 600; 
margin-top : 7px; 
} 
.rlist li { 
float : left; 
text-align : center; 
display : block; 
margin : 0 4px; 
background : #f8f8f8; 
} 
.rlist li a { 
width : 92px; 
height : 62px; 
border : 2px solid #b8b8b8; 
color : #8f8f8f; 
text-decoration : none; 
display : block; 
} 
.rlist li a:hover { 
width : 92px; 
height : 62px; 
border : 2px solid #ff9210; 
color : #2e2e31; 
text-decoration : none; 
} 
.rlist li.on { 
width : 92px; 
height : 62px; 
border : 2px solid #ff9210; 
color : #2e2e31; 
} 
.rlist div { 
line-height : 12px; 
} 
.List { 
width : 760px; 
display : block; 
overflow : hidden; 
margin : 10px 0 20px 0; 
} 
.List .box { 
float : left; 
} 
.List .box .thumbnail { 
width : 92px; 
height : 69px; 
margin : 0 8px 0 8px; 
} 
.List .box .thumbnail a { 
width : 92px; 
height : 69px; 
border : 2px solid #b8b8b8; 
display : block; 
} 
.List .box .thumbnail a:hover { 
width : 92px; 
height : 69px; 
border : 2px solid #ff9210; 
} 
.List .box .thumbnail .on { 
width : 92px; 
height : 69px; 
border : 2px solid #ff9210; 
} 
.List .box .info { 
width : 94px; 
padding : 7px 0 0 8px; 
display : block; 
} 
.List .box div { 
display : block; 
} 
.dot { 
height : 1px; 
border-bottom : 1px dotted #c4c4c4; 
} 
.line { 
height : 1px; 
background : #e2e2e2; 
} 

.profile .thumnail { 
margin : 5px; 
} 
.profile .thumnail a { 
border : 1px solid #aaaaae; 
width : 80px; 
height : 60px; 
display : block; 
margin : 0 auto; 
} 
.profile .thumnail a:hover { 
border : 1px solid #363636; 
} 
.profile .thumnail .on { 
border : 1px solid #363636; 
} 
.profile div { 
margin-bottom : 3px; 
} 
.profile .dot { 
height : 1px; 
border-bottom : 1px dotted #cecece;
margin:10px 0; 
} 
.profile .solid { 
height : 1px; 
border-bottom : 1px solid #c4c4c4; 
} 
.profile .info { 
padding : 0 5px 10px 5px; 
text-align : center; 
} 
.profile .title { 
font-weight : bold; 
font-size : 12px; 
} 
.profile p.click { 
color : #959595; 
font-weight : bold; 
padding-left : 10px; 
} 
.profile p.click a { 
text-decoration : underline; 
} 
.pr_box { 
border : 1px solid #bbbbbb; 
margin-bottom : 15px; 
} 
.sort { 
float : right; 
margin : 0 2px; 
font-size : 12px; 
} 
.sort a { 
color : #000000; 
text-decoration : none; 
} 
.sort a:hover { 
color : #337adb; 
} 
.sort .on { 
font-weight : bold; 
color : #337adb; 
}  

.search { 
border : 1px solid #c9c9c9; 
height : 16px; 
padding : 2px; 
width : 200px; 
}

.link a { 
color : #2e2e31; 
} 
.page_num { 
text-align : right; 
margin-top : 10px; 
} 
#Edit { 
position : absolute; 
top : 120px; 
left : 30px; 
z-index : 15; 
background : #18181a; 
width : 120px; 
height : 435px; 
border : 1px solid #3e4044; 
padding : 15px 10px 10px 10px; 
} 
.Editbox { 
height : 355px; 
} 
.Editbox a { 
color : #ff9210; 
font-weight : bold; 
} 
.Editbox img { 
border : 1px solid #3e4044; 
width : 93px; 
height : 70px; 
} 
.Editbox div { 
color : #cccccc; 
text-align : center; 
margin-bottom : 7px; 
} 
.profile .dvd { 
margin : 6px 3px; 
} 
.profile .dvd a { 
border : 1px solid #898989; 
width : 71px; 
height : 53px; 
display : block; 
margin : 0 auto; 
} 
.profile .dvd a:hover { 
border : 1px solid #ff9210; 
} 
.profile .dvd .on { 
border : 1px solid #ff9210; 
} 
.mypage_title { 
height : 22px; 
background : #ebebeb; 
border-top : 1px solid #636363; 
font-size : 12px; 
font-weight : 600; 
padding : 5px 0 0 5px; 
margin-bottom : 10px; 
} 
.mypage_tx { 
padding : 3px 0 0 5px; 
} 
.Forum { 
width : 760px; 

padding-bottom : 10px; 
} 
.Forum .bar { 
height : 22px; 
background : #ebebeb; 
border-top : 1px solid #636363; 
font-weight : 600; 
padding : 10px 0 0 10px; 
margin : 20px 0 10px 0; 
text-align : left; 
} 
.Forum .tit { 
padding-bottom : 5px; 
font-size : 11px; 
font-weight : 600; 
line-height : 18px; 
text-align : center; 
} 
.Forum .tit1 { 
padding-left : 0; 
font-size : 12px; 
font-weight : 600; 
color : #666769; 
line-height : 18px; 
} 
.Forum .list thead td { 
height : 36px; 
padding : 0 0 1px 10px; 
color : #333333; 
font-size : 12px; 
text-align : center; 
vertical-align : middle; 
} 
.Forum tr a { 
color : #2e2e31; 
} 
.Forum div { 
text-align : center; 
} 
.Forum .list tbody tr:hover { 
background : #ebf3ff; 
} 
.Forum .list tbody td { 
height : 20px; 
padding : 5px 0 5px 10px; 
font-size : 12px; 
color : #666769; 
border-bottom : 1px solid #d1d1d1; 
} 
.Forum .list tbody td input { 
margin-left : 5px; 
} 
.Forum .list tbody td a { 
color : #666769; 
text-decoration : none; 
} 
.Forum .list tbody td a:hover { 
color : #666769; 
text-decoration : underline; 
} 
.Forum .list tbody td.date { 
font-size : 12px; 
text-align : center; 
} 
.Forum .list tbody td.l { 
text-align : left; 
} 
.Forum .btn { 
margin : 5px 0 10px 0; 
text-align : right; 
} 
.Forum .btn img { 
margin : 0; 
} 
.Forum .btn .delete { 
position : absolute; 
right : 0; 
} 
.Forum .btn .delete img { 
margin : 0; 
} 
.Forum .View { 
width : 760px; 
margin : 0 auto; 
} 
.Forum .View .header { 
width : 760px; 
color : #3b3c3e; 
background : #fff; 
font-weight : bold; 
} 
.Forum .View .header td { 
color : #3b3c3e; 
padding : 8px 10px; 
vertical-align : top; 
text-align : left; 
} 
.Forum .View .header a { 
color : #3b3c3e; 
text-decoration : none; 
} 
.Forum .View .header a:hover { 
color : #3b3c3e; 
text-decoration : underline; 
} 
.Forum .View .header .subject { 
color : #333333; 
font-weight : bold; 
} 
.Forum .View .header .date { 
text-align : right; 
white-space : nowrap; 
} 
.Forum .View .body { 
padding : 15px 10px 25px 10px; 
text-align : left; 
border-bottom : 1px solid #e2e2e2; 
margin-bottom : 10px; 
} 
.Forum .Write { 
width : 760px; 
margin : 0 auto; 
} 
.Forum .Write.textarea { 
border : 2px solid #dedede; 
padding : 2px 0 0 5px; 
background : #000000; 
width : 400px; 
} 
.Forum .Write tbody td { 
color : #666769; 
} 
.Forum .Write tbody td a { 
color : #666769; 
text-decoration : none; 
} 
.Forum .Write tbody td a:hover { 
color : #666769; 
text-decoration : underline; 
} 
.Forum .Write tbody td.date { 
font-size : 12px; 
text-align : center; 
} 
.Forum .Write tbody td.l { 
text-align : left; 
} 
.my_tabmenu { 
width : 760px; 
height : 30px; 
background : url(../image/my_bar_bg.gif); 
margin-bottom : 25px; 
} 
.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; 
} 
.img a { 
border : 1px solid #898989; 
width : 80px; 
height : 60px; 
display : block; 
margin : 3px; 
} 
.img a:hover { 
border : 1px solid #363636; 
} 
.img .on { 
border : 1px solid #363636; 
} 
.Paging { 
padding : 10px 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; 
} 



.btn { 
margin-top : 20px; 
} 
.btn2 { 
position : relative; 
padding-top : 20px; 
width : 760px; 
}