html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; outline:0; font-style:inherit; font-size:100%; font-family:inherit; list-style:none; text-decoration:none; }
body { background:url('images/bg_body.gif') repeat-x left top; background-color:#f2f2f2; color:#535050; font-family:dotum; }
.png24 { tmp:expression(setPng24(this)); }
table { border-collapse:collapse; border-spacing:0; }
input.text { color:#555555; font-family:dotum; font-size:12px; }
input.text1 { color:#555555; font-family:dotum; font-size:12px; }
h1 { font-size:28px; font-family:dotum; }
h2 { font-size:24px; font-family:dotum; }
h3 { font-size:22px; font-family:dotum; }
h4 { font-size:18px; font-family:dotum; }
h5 { font-size:16px; font-family:dotum; }
h6 { font-size:14px; font-family:dotum; }
/* layout */
div#wrap { width:980px; margin:0 auto; }
div#wraptop { width:980px; height:223px; }
div#wrapfoot { clear:both; width:980px; height:321px; background:url('images/bg_footer.gif') no-repeat left top; font-size:12px; color:#ebebeb; line-height:18px; font-family:굴림; }
div#wrapcenter { float:left; width:973px; border-left:3px solid #e5e5e5; border-right:4px solid #e5e5e5; background-color:#ffffff; }
div#wrapleft { float:left; width:665px; padding:25px 0 70px 20px; border-right:1px solid #e5e5e5; background:url('images/bg_left.gif') repeat-y left top; }
div#wrapright { float:left; width:267px; padding:0 0 70px 20px; background-color:#ffffff; }
div#wrapright h1.righttitle { height:30px; }
/* footarea */
div.foottop { height:228px; padding:29px 0 0 0; overflow:hidden; }
div.foottop div.footleft { float:left; width:270px; padding:4px 0 10px 20px; }
div.foottop div.footleft ul { width:245px; padding:20px 0 0 0; }
div.foottop div.footleft ul li { height:29px; padding:10px 0 0 0; background:url('images/bg_list1.gif') repeat-x left bottom; color:#00bff3; }
div.foottop div.footleft ul li a { color:#00bff3; }
div.foottop div.footleft ul li span { display:block; padding:0 0 0 17px; background:url('images/bul_left1.gif') no-repeat 4px 6px; }
div.foottop div.footcenter { float:left; width:329px; padding:4px 0 10px 25px; background:url('images/bg_footbar.gif') no-repeat right top; }
div.foottop div.footcenter a { color:#ebebeb; }
div.foottop div.footcenter p.title { height:30px; }
div.foottop div.footcenter div.letter { }
div.foottop div.footcenter div.letter span { float:left; padding:0 7px 0 0; }
div.foottop div.footcenter div.letter input.text { width:193px; height:18px; padding:7px 0 0 5px; border:1px solid #303030; color:#e6e6e6; background-color:#636363; }
div.foottop div.footcenter div.letter div { clear:both; padding:5px 0 0 0; margin:0 0 0 -3px; }
div.foottop div.footcenter div.letter div input { position:relative; top:1px; cursor:pointer; }
div.foottop div.footcenter div.letter div label { margin:0 0 0 5px; cursor:pointer; }
div.foottop div.footcenter div.letter div p { padding:10px 0 0 5px; font-size:11px; color:#9c9b9b; }
div.foottop div.footcenter div.contact { margin:33px 0 0 0; }
div.foottop div.footcenter div.contact p.title { height:15px; margin:0 0 -5px 0; }
div.foottop div.footcenter div.contact span { position:relative; top:1px; padding:0 0 0 12px; }
div.foottop div.footright { float:left; width:300px; padding:4px 0 10px 36px; background:url('images/bg_footbar.gif') no-repeat right top; overflow:hidden; }
div.foottop div.footright p.title { height:28px; }
div.foottop div.footright div.foottwitter { position:relative; width:246px; height:138px; padding:18px 14px 18px 14px; background:url('images/bg_foottw.gif') no-repeat left top; line-height:16px; color:#cfc9c9; word-wrap: break-word; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; }
div.foottop div.footright div.foottwitter a { color:#cfc9c9; }
div.foottop div.footright div.foottwitter span { padding:0 0 0 5px; color:#00aeef; }
div.foottop div.footright div.foottwitter p.more_updates { position:absolute; bottom:2px; left:65px; border-bottom:1px solid #cfc9c9; line-height:12px; }
div.copyright { clear:both; padding:14px 0 0 36px; color:#8a8a8a; font-size:11px; font-family:Verdana; }
div.copyright a { color:#8a8a8a; }
div.copyright div.left { float:left; }
div.copyright div.right { float:right; padding:4px 67px 0 0; }
div.copyright div.right img { position:relative; top:2px; }
/* toparea */
div.topbtn { height:41px; }
div.topbtn ul { float:right; padding:14px 21px 0 0; }
div.topbtn ul li { float:left; padding:0 0 0 27px; }
div.toplogo { width:980px; height:141px; background:url('images/bg_top.gif') no-repeat left top; }
div.toplogo div.left { float:left; padding:8px 0 0 18px; }
div.toplogo div.right { float:right; padding:37px 21px 0 0; }
div.gnb { height:41px; }
div.gnb div.left { position:relative; float:left; width:700px; z-index:999; }
div.gnb div.left ul.gnb { padding:0 0 0 4px; }
div.gnb div.left ul.gnb li { float:left; height:40px; padding:0 1px 0 0; background:url('images/bg_gnb.gif') no-repeat right top; font-size:14px; font-weight:bold; color:#252525; }
div.gnb div.left ul.gnb li.on { color:#b90103; }
div.gnb div.left ul.gnb li.last { background:none; }
div.gnb div.left ul.gnb li a { color:#252525; }
div.gnb div.left ul.gnb li a:hover { color:#b90103; }
div.gnb div.left ul.gnb li.on a { color:#b90103; }
div.gnb div.left ul.gnb li span { display:block; padding:14px 20px 0 20px; }
div.gnb div.left ul.gnb li.on span { background:url('images/bg_gnbon.gif') repeat-x left top; }
div.gnb div.left ul.subgnb { position:absolute; left:0; top:41px; border-left:1px solid #afafaf; border-right:1px solid #afafaf; z-index:9999; }
div.gnb div.left ul.one { left:3px; }
div.gnb div.left ul.subgnb li { width:190px; height:23px; padding:10px 18px 0 18px; border-bottom:1px solid #afafaf; background-color:#f6f6f6; font-size:14px; font-weight:bold; color:#252525; }
div.gnb div.left ul.subgnb li.on { background-color:#e6e6e6; }
div.gnb div.left ul.subgnb li a { color:#252525; }
div.gnb div.left ul.subgnb li a:hover { color:#b90103; }
div.gnb div.left ul.subgnb li.on a { color:#b90103; }
div.gnb div.right { float:left; width:265px; height:26px; margin:6px 0 0 0; padding:3px 0 0 15px; background:url('images/bg_search.gif') no-repeat left top; }
div.gnb div.right span { float:left; margin:2px 0 0 0; }
div.gnb div.right input.text { width:212px; height:11px; padding:6px 0 0 0; margin:-2px 0 0 3px; border:0; color:#797979; }
/* right */
div.abouthoh { margin:40px 0 0 0; line-height:18px; color:#252525; font-size:11px; }
div.abouthoh img { margin:0 0 10px 0; border:4px solid #e6e6e6; }
div.abouthoh h1 img { margin:0; border:0; }
div.category { margin:40px 0 0 0; font-size:14px; font-weight:bold; color:#252525; }
div.category a { color:#252525; }
div.category a:hover { color:#b90103; }
div.category ul { width:250px; margin:-5px 0 0 0; }
div.category ul li { padding:6px 0 7px 13px; border-bottom:1px solid #e6e6e6; background:url('images/bul_left2.gif') no-repeat 3px 10px; }
div.category ul li.current-cat-parent { color:#b90103; }
div.category ul li.current-cat-parent a { color:#b90103; }
div.category ul li.current-cat { color:#b90103; }
div.category ul li.current-cat a { color:#b90103; }
div.category ul.children { padding:10px 0 0 0; }
div.category ul.children li { border:0; background:url('images/bul_left3.gif') no-repeat left 11px; font-weight:normal; color:#252525; }
div.category ul.children li a { color:#252525; }
div.category ul.children li.current-cat { background:url('images/bul_left4.gif') no-repeat left 11px; color:#b90103; }
div.category ul.children li.current-cat a { color:#b90103; }
div.righttab { float:left; width:254px; margin:40px 0 0 -5px; padding:0 0 20px 0; border:1px solid #e3e3e2; }
div.righttab ul.tab { height:34px; background-color:#e3e3e2; font-size:11px; font-weight:bold; font-family:Tahoma; }
div.righttab ul.tab li { float:left; height:24px; padding:10px 0 0 0; text-align:center; cursor:pointer; }
div.righttab ul.tab li.on { background:url('images/bg_righttabon.gif') repeat-x left top; color:#b90103; }
div.righttab ul.tab li a { color:#363636;}
div.righttab ul.tab li.on a { color:#b90103; }
div.righttab div.posts { float:left; width:240px; margin:-1px 0 0 0; padding:10px 7px 0 7px; background:url('images/bg_righttab.gif') no-repeat left top; font-size:12px; color:#252525; line-height:22px; }
div.righttab div.posts a { color:#252525; }
div.righttab div.posts ul.comments { }
div.righttab div.posts ul.comments li { width:237px; height:26px; padding:8px 0 0 0; border-bottom:1px solid #e3e3e2; overflow:hidden; }
div.righttab div.posts ul.popular { }
div.righttab div.posts ul.popular li { padding:8px 0 0 0; border-bottom:1px solid #e3e3e2; }
div.righttab div.posts ul.popular li span.post-stats { font-size:11px; font-weight:normal; color:#b6b6b6; }
div.righttab div.righttatg { }
div.via { float:left; margin:40px 0 0 0; }
/* Slider */
#slider-container { position:relative; float:left; width:655px; height:315px; padding:0 0 0 10px; margin:0; background:url('images/bg_list2.gif') repeat-x left bottom; overflow:hidden; }
#slider-container-inner { position:relative; float:left; width:645px; height:280px; padding:0; margin:0; overflow:hidden; }
div.sliderbox { width:462px; height:269px; padding:1px; border:1px solid #e6e6e6; background-color:#ffffff; }
div.slidersbox { position:relative; width:442px; height:249px; padding:10px; background-color:#e6e6e6; overflow:hidden; }
div.sliderlbox { position:relative; width:442px; height:249px; overflow:hidden; }
#mySlides { float:left; width:442px; height:269px; overflow:hidden; }
.contentdiv { float:left; width:462px; height:269px; overflow:hidden; }
.slide-image { position:relative; float:left; width:442px; height:249px; background:#ffffff; overflow:hidden; }
.slide-image img { width:442px; border:0px; }
.overlay { position:absolute; top:0; left:0; width:442px; height:249px; z-index:30; }
.read-on { position:absolute; top:210px; left:4px; padding:3px; z-index:40; cursor:pointer; }
.read-on a { font-weight:bold; color:#ffffff; }
.read-on a:hover { font-weight:bold; color:#eeeeee; text-decoration:none; }
.overlay { position:absolute; top:0; left:0; width:442px; height:249px; }
.slide-video { position:relative; float:left; width:442px; height:249px; overflow:hidden; }
.slide-video object { top:0px !important; left:0px !important; }
.slide-video object, .slide-video embed { position:relative !important; width:442px !important; height:249px !important; }
.slide-video b { display:none !important; }
.slide-video .read-on { top:0px; left:0px; cursor:pointer; }
#myController { position:absolute; top:10px; left:462px; float:left; width:478px; height:237px; z-index:1000; font-size:10px; }
.jFlowControl { width:403px; height:69px; padding:5px 0 13px 74px; margin:0; background:url('images/bg_slideoff.gif') no-repeat 64px top; cursor:pointer; color:#d4d4d4; }
.jFlowControl h6 { color:#d4d4d4; }
.jFlowSelected { background:url('images/bg_slideon.gif') no-repeat 20px top; color:#808080; }
.paginate-excerpt { margin:0 0 0 -5px; }
/* list */
p.nodata { padding:20px 0 0 0; text-align:center; }
div.list { }
ul.list { position:relative; float:left; width:630px; padding:25px 20px 25px 15px; background:url('images/bg_list2.gif') repeat-x left bottom; line-height:18px; font-size:12px; }
ul.list li { float:left; width:490px; color:#535050; }
ul.small li { width:490px; }
ul.big li { width:600px; }
ul.search { width:646px; padding-left:20px; }
ul.list li.img { width:95px; height:100px; margin:0 15px 0 0; background:url('images/bg_leftimg.gif') repeat-x left bottom; }
ul.list li.img img { padding:3px; border:1px solid #ececec; }
ul.list li.title { width:560px; margin:0 0 11px 0; color:#252525; font-size:16px; font-weight:bold; }
ul.small li.title { width:450px; }
ul.list li.title a { color:#252525; }
ul.list li.info { margin:0 0 15px 0; padding:0 0 0 22px; background:url('images/bul_category.gif') no-repeat left 3px; font-size:11px; color:#0a3e6d; }
ul.list li.info a { color:#898989; text-decoration:underline; }
ul.list li.info span.bar { color:#c2c2c2; }
ul.list li.info span.date { color:#898989; }
ul.list li.txt { }
ul.list li.txt p { display:inline; }
ul.list li.txt a { position:relative; top:-1px; margin:0 0 0 5px; color:#9e0039; font-weight:bold; text-decoration:underline; }
ul.list li.comment { position:absolute; top:25px; right:20px; width:44px; height:37px; padding:8px 0 0 0; background:url('images/bg_comment.gif') no-repeat left top; font-size:16px; font-weight:bold; text-align:center; color:#454545; }
ul.list li.comment a { color:#454545; }
div.paging { clear:both; width:655px; }
h1.list { width:665px; height:35px; margin:10px 0 0 0; background:url('images/bg_list2.gif') repeat-x left bottom; font-size:16px; color:#252525; }
h1.list span { padding:0 0 0 15px; background:url('images/bul_left5.gif') no-repeat 5px 7px; color:#b90103; }
/* view */
div.single { width:665px; background:url('images/bg_list2.gif') repeat-x left top; overflow:hidden; }
div.single ul.list { width:650px; padding:15px 0 15px 15px; border:0; background:url('images/bg_list2.gif') repeat-x left bottom; }
div.single ul.list li { width:560px; }
div.single ul.list li.title { }
div.single ul.list li.comment { top:15px; width:44px; height:37px; }
div.single ul.list li.info { margin:0 0 0 0; }
div.single ul.list li.tag { padding:5px 0 3px 21px; background:url('images/bg_tag.gif') no-repeat left 8px; font-weight:bold; color:#242424; font-size:11px; }
div.single ul.list li.tag a { color:#898989; font-weight:normal; }
div.singles { clear:both; width:610px; padding:30px 40px 20px 15px; color:#535050; line-height:22px; font-size:14px; }
div.singles div.singlebtns { width:580px; height:47px; margin:50px 0 20px 0; padding:35px 0 0 20px; background-color:#f5f5f5; }
div.singles div.singlebtns h2 { float:left; margin:0 20px 0 0; }
div.singles div.singlebtns ul { float:left; margin:-8px 0 0 0; }
div.singles div.singlebtns ul li { float:left; padding:0 5px 0 0; }
/* comment */
#comments { margin:0; overflow:hidden; }
#commentblock { background:#F3F3F3; padding:0 15px 10px 6px; width:578px; overflow:hidden; }
#comments h1 { padding:20px 0 10px 15px; margin:0; font-family:Arial; font-size:26px; font-weight:bold; color:#444847; }
ol.commentlist { width:578px; margin:0; padding:0; }
ol.commentlist li { width:433px; min-height:120px; margin:0px; padding:5px 10px 0px 10px; padding-left:130px; list-style:none; font-size:12px; font-family:dotum; line-height:18px; }
ol.commentlist li.depth-2 { width:412px; }
ol.commentlist li.depth-3 { width:391px; }
ol.commentlist li.depth-4 { width:370px; }
ol.commentlist li.depth-5 { width:349px; }
ol.commentlist ul.children { margin:5px 0 5px 0; padding:0px; border-left:1px solid #ccc; }
ol.commentlist ul.children li { margin:0px; padding:0px; padding-left:20px; background:URL('images/children_li.gif') 0 20px no-repeat; }
ol.commentlist ul.children .comment-author img.avatar { width:40px; float:right; margin-left:10px; height:40px; }
ol.commentlist ul.children li.depth-2 .single_comment { padding:15px; margin-right:0; padding-bottom:30px; }
ol.commentlist ul.children li.depth-3 .single_comment { padding:15px; margin-right:0; padding-bottom:30px; }
ol.commentlist code { background:#e6e6e6; padding:3px; }
ol.commentlist .children { margin-top:5px; }
.edit-comment-admin-links { margin:0 0 -15px 0; }
ol.commentlist ul.children .edit-comment-admin-links { position:relative; top:-5px; margin:0; }
.comment_wrap { position:relative; background:#fff; overflow:visible; height:100%; border:1px solid #ccc; }
.comment-author { position:absolute; left:-120px; width:100px; color:#618dbf; font-size:10px; line-height:12px; font-family:Tahoma; font-style:normal; }
.children .comment-author { position:absolute; left:auto; right:10px; bottom:10px; width:200px; color:#484848; text-align:right; font-size:10px; line-height:11px; }
.comment-author a { text-decoration:none; }
.single_comment { padding:15px; padding-bottom:40px; }
.comment-arrow { position:absolute; left:-18px; top:20px; }
.alt { margin:0; padding:0px; }
.avatar { padding:3px; border:1px solid #ddd; background:#fff; }
#respond { padding:10px; position:relative; }
#respond h3 { height:30px; margin:5px 0 0 0; font-size:18px; font-weight:bold; font-family:Arial; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.reply a:link, .reply a:visited { background:#ddd; text-align:center; text-decoration:none !important; text-transform:uppercase; color:#212121; padding:4px 10px; font-size:10px; }
.reply a:hover { background:url('images/button_bg.gif') bottom repeat-x; color:#fff; }
.reply { position:absolute; bottom:15px; left:15px; }
.cancel-comment-reply a { display:block; margin:0 0 20px 0; background:#ddd; text-align:center; text-decoration:none !important; text-transform:uppercase; color:#212121; padding:4px 10px; font-size:10px; width:200px; }
.cancel-comment-reply a:hover { background:url('images/button_bg.gif') bottom repeat-x; color:#fff; }
#commentform input.text { position:relative; width:192px; height:19px; margin:0 0 14px 0; border:1px solid #dddddd; color:#353535; padding:7px 0 0 105px; }
#commentform input.bg1 { background:url('images/img_cm01.gif') no-repeat 11px 6px; background-color:#ffffff; }
#commentform input.bg2 { background:url('images/img_cm02.gif') no-repeat 11px 7px; background-color:#ffffff; }
#commentform input.bg3 { background:url('images/img_cm03.gif') no-repeat 11px 7px; background-color:#ffffff; }
#commentform textarea { width:94%; height:160px; padding:10px 0 0 30px; margin:0 0 10px 0; border:1px solid #dddddd; font-size:12px; }
#commentform textarea.bg4 { background:url('images/img_cm04.gif') no-repeat 10px 11px; background-color:#ffffff; }
#commentform input[type=image] { width:auto !important; background:none; }
.btn { border:0 !important; }
cite.fn { font-weight:bold; font-size:11px; font-style:normal; }
.comment-meta { margin-top:2px; color:#aaa; }
div.edit-comment p { margin:0 0 10px 0; }
/* page */
div.page { width:665px; margin:15px 0 0 0; background:url('images/bg_list2.gif') repeat-x left top; overflow:hidden; }
div.page h1.page { width:620px; padding:20px 0 20px 15px; background:url('images/bg_list2.gif') repeat-x left bottom; font-size:16px; }
blockquote {
font-size:14px;
margin:0 0 20px 10px;
padding:0 0 0 10px;
border-left:5px solid #CCCCCC;
}
div.contact { margin:30px 0 0 0; font-size:12px; line-height:18px; }
div.contact span { font-weight:bold; font-size:14px; }
div.contact div.eng { font-family:Tahoma; }
div.contact div.contactbox { width:620px; height:298px; margin:70px 0 0 0; border:1px solid #b4b4b3; }
div.contact div.contactbox h2 { position:relative; width:105px; margin:-15px 0 0 20px; font-size:24px; font-family:Tahoma; font-weight:normal; background-color:#ffffff; text-align:center; }
div.contact div.contactbox div.left { float:left; width:260px; padding:20px 0 0 25px; }
div.contact div.contactbox div.right { float:left; width:335px; padding:20px 0 0 0; }
div.contact div.contactbox table { }
div.contact div.contactbox table th { height:19px; font-weight:normal; text-align:left; vertical-align:top; }
div.contact div.contactbox table td { height:37px; vertical-align:top; }
div.contact div.contactbox table td.textarea { height:205px; }
div.contact div.contactbox table td input.text { width:217px; height:21px; padding:8px 0 0 10px; border:0; background:url('images/bg_input1.gif') no-repeat left top; }
div.contact div.contactbox table td input.texton { width:217px; height:21px; padding:8px 0 0 10px; border:0; background:url('images/bg_input1_on.gif') no-repeat left top; color:#0072bc; font-family:dotum; }
div.contact div.contactbox table td textarea { width:289px; height:176px; padding:10px; border:0; background:url('images/bg_input3.gif') no-repeat left top; overflow:hidden; font-size:12px; font-family:dotum; line-height:18px; color:#555555; }
div.contact div.contactbox table td textarea.on { background:url('images/bg_input3_on.gif') no-repeat left top; color:#0072bc; font-family:dotum; }
div.about { float:left; width:610px; padding:0 0 0 15px; margin:30px 0 0 0; line-height:20px; font-size:12px; }
div.about img { width:200px; height:295px; border:4px solid #ebebeb; }
div.about span { display:block; font-family:굴림; font-size:18px; font-weight:bold; }
div.about div.left { float:left; width:400px; }
div.about div.right { }
div.about div.text { clear:both; padding:20px 0 0 0; }